/* Developed entirely by staycreative.es 2020 */

/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
/* .uk-card-default {background-color: transparent !important; box-shadow: none; } */
::selection {color: white; background-color: #FFAE3C;}
*+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;}


/* Generals */
html, body {font-family: 'Jost', sans-serif;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{font-family: 'Jost', sans-serif;color: rgb(104, 96, 96);font-weight: 400; font-size: 1rem;}
h1, h2, h3, h4, h5, h6 {font-family: 'Jost', sans-serif; color: #000;font-weight: 600; margin-bottom: 0; margin-top: 0px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-style: normal;display: block;}
ul {padding-left: 0px;}
/* li {text-decoration:none; list-style-type: none; color: #323031;} */
.post ul li {text-decoration: initial !important;}
a {-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out; word-wrap: break-word;}
a span {display: inline-block;}
small {font-weight: 400 !important;}
ul li {list-style-type: none; color: #FFAE3C; list-style: none; font-size: 1.1rem; line-height: 1.6;}
/*p b {font-size: 1rem; font-weight: 700;}*/
:focus {outline: none;}

/* Buttons */
.uk-button{ font-family: 'Jost', sans-serif; font-weight: 600; border:0;line-height: 1.5;text-transform: initial;font-size: 1.1rem;-webkit-appearance: none !important;border-radius: 3px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 1rem 2rem; text-align: left;}
   
    .uk-button-default{ background-color: transparent !important; color: #FFAE3C !important;border: 2px solid #FFAE3C;}
    .uk-button-default:hover{background-color: #FF653B !important; color: white !important;border: 2px solid #FF653B; }

    .uk-button-primary{ background-color: white !important; color: #FFAE3C !important;border: 2px solid white;}
    .uk-button-primary:hover{background-color: #FF653B !important; color: white !important;border: 2px solid #FF653B; }

    .uk-button-secondary{ background-color: #FFAE3C !important; color: #FFF !important;border: 2px solid #FFAE3C;}
    .uk-button-secondary:hover{background-color: #FF653B !important; color: white !important;border: 2px solid #FF653B; }


/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}
.uk-notification-message{font-size: 1rem;}
.uk-notification{width: 400px;}
.uk-notification-top-center{margin-left: -200px;}

/* 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 {position: relative; z-index: 2;}
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{min-height: 40px; margin-top: 0px !important; padding: 10px; border: 0; background-color: transparent; box-shadow: none; border-radius: 0;  margin-bottom: 6px; color: white !important; font-size: 1rem; border-bottom: 1px solid white;}
    .form .uk-select:not([multiple]):not([size]){background-color: transparent; background-image: none; color: white !important;}
    .uk-select:not([multiple]):not([size]) option {background-color: white !important; color: white !important;}
    .bg-select-white:focus {background-color: white !important; color: white !important;}
    .form p {color: white;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #171919 !important;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,/*.form select:focus,*/.form textarea:focus, .form select:focus{border-bottom: 1px solid #040f0c; background-color: transparent !important; color: white !important;}
    .form select{padding-right: 30px; font-size: 1rem; height: 50px !important; padding: 10px;  border: 0; border-bottom: 1px solid white;}
    .form textarea{margin-bottom: 10px;padding: 10px; color: white;}
    .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: #040f0c !important;font-size: 0.8rem;}
    .form small{color: white;}
    .form .uk-checkbox {border-color: white !important;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #040f0c !important;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #040f0c;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #d18a00;}    
    .form input:-webkit-autofill,
    .form input:-webkit-autofill:hover, 
    .form input:-webkit-autofill:focus
    .form textarea:-webkit-autofill,
    .form textarea:-webkit-autofill:hover
    .form textarea:-webkit-autofill:focus,
    .form select:-webkit-autofill,
    .form select:-webkit-autofill:hover,
    .form select:-webkit-autofill:focus { border-bottom: 1.5px solid #171919; -webkit-text-fill-color: #171919; -webkit-box-shadow: 0 0 0px 1000px #040f0c inset; transition: background-color 5000s ease-in-out 0s;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: white !important; font-size: 1rem;}
    form, input:focus::placeholder { color: transparent;}


/* Icons */
.icon{background-image: url('../../public/img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;}

.icon.facebook {width: 30px;height: 30px;background-position: -125px -0px;}
.icon.instagram {width: 30px;height: 30px;background-position: -155px -0px;}
.icon.tripadvisor {width: 30px;height: 30px;background-position: -125px -30px;}



        /* menu */
        .uk-navbar{position: fixed;top:5px;right: 5px;width: calc(100% - 10px);}
        .uk-navbar-nav>li>a{min-height: auto;font-size: 0;padding: 3px;}
        .uk-navbar-nav>li>a>img{width: 36px;}

/* HACKS */
.clear{clear: both;}
.overlay{background-color: rgba(30,63,57,0.2);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
.overlay-light{background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }

.section{padding: 5vh;}
.section-small{padding: 3vw;}

.transition {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.bg-light {background-color: #fff5db;}
/* span.vertical h5 {font-weight: 700; text-transform: initial;} */
.bg-dark {background-color: #040f0c;}
.bg-light {background-color: #fff5db;}
.bg-green {background-color: #FFAE3C;}
.bg-img {background-position: center; background-repeat: no-repeat; background-size: cover; }

.shadow {box-shadow: 0 0px 10px rgba(0,0,0,0.3);}

.b-bottom {border-bottom: 1px solid #040f0c;}
.b-top {border-top: 1px solid #040f0c;}
.sans {font-family: 'Jost', sans-serif; font-size: 1.1rem;}
.bold {font-family: 'Jost', sans-serif !important;}

.container-border{border-top: 1.5px solid #040f0c; border-bottom: 1.5px solid #040f0c;}
.container-text {max-width: 700px; margin: 0 auto;}
.container-feed {width: calc(100% - 10%); padding-left: 10%;}

.mt-25 {margin-top: 25px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-50 {margin-top: 50px !important;}


/* PRELOADER */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh; opacity: 1; background: #282888; top: 0;left: 0;}
.preloader img{-webkit-animation: heartbeat 1.5s ease-out infinite normal;animation: heartbeat 1.5s ease-out infinite normal;width: 100px;}

@keyframes heartbeat{
  0%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  15%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;}
  30%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  45%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;}
  80%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  100%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
}



/* GENERALS */
h3{font-size: 3rem;}
h4{font-size: 2.3rem;}
.intro h1::after{content: "";width: 60px;height: 5px;background-color: #FFAE3C;display: block;margin:40px 0;}

/* HOME */
.logo-container{z-index: 1;text-align: center;width: 80%;max-width: 600px;}
.logo-container p{color: white;}
.logo-container p a{color: white; text-decoration: underline;}
.logo{width: 100%;}


/* Cookies */
#cookieMessageWrapper{width: 100%;background: #222;position: fixed;left: 10px;bottom: 10px;z-index: 997;max-width: 300px;padding: 20px;display: none !important;}
#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;}


  /* cookies i aviso legal */
  .cookies .header {background-position: center; position: relative; background-image: url('../../public/img/bg-cookies.jpg');background-size: cover; background-repeat: no-repeat; }
  .legal .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }
  .conditions .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }
  .cookies .uk-link, a {color: #FFAE3C;}
  .cookies .uk-link, a:hover {color: #999;}


  /* footer */
  footer {background-color: #040f0c; padding: 10vh 10vh 5vh!important;}
  footer h3 {font-size: 2.2rem; line-height: 2;}
  footer h5 {color: #ffffff !important; text-align: left !important; text-transform: initial;font-family: 'Jost', sans-serif;}
  footer h6{color: #ffffff; text-transform: Initial; }
  footer h6 a:hover{text-decoration: none;opacity: 0.8;}
  footer li a,   footer li {color: #ffffff; list-style: none !important; font-size: 1rem;}
  footer li a:hover {opacity: 0.8;}
  footer small {font-size: 0.7rem;}

  .footer-logo {display: inline-block;}
  .footer-logo img{width: 100%;max-width: 260px;}
  footer .social {position:relative; }
  footer .social li {list-style: none !important;}
  footer .social li a{width: 30px;height: 30px;display: inline-block;background-color: #FFAE3C;border-radius: 50px;padding: 8px;margin: 0 3px;}
  .footer-menu{float: right;}
  .footer-menu .fm-heading{font-weight: 600;}
  .footer-submenu{float: right; margin-top: 30px;}
  .footer-submenu li{display: inline-block;margin: 0 !important;}
  .footer-submenu li:after{content: "·";color: #ffffff;display: inline-block;margin: 0 5px 0 10px;}
  .footer-submenu li:last-child:after{display: none;}
  .footer-submenu li a{color: #ffffff;font-size: 0.8rem;padding: 0;font-weight: 400;}
  .footer-submenu li a:hover{color:#ffffff;}
  .copyright{font-size: 0.9rem; color: #ffffff;padding-top: 30px;}
  .autor{text-align: right;margin-top: 40px !important; font-size: 0.8rem; color: #ffffff;margin-bottom: 0;;opacity: 0.6;}
  .autor a{color: white;font-weight: 400;margin-top: 10px !important; ;}
  .autor b {font-weight: 700;}



@media only screen and (max-width: 1199px){ /* large */
  .section-text {padding: 5vh;}
  .text.section-text {padding: 3vh !important;}


}

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


}


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

      

    .vertical {writing-mode: horizontal-tb;transform: rotate(0deg);}   

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


}

@media only screen and (max-width: 639px){ /* small */

   

}
@media (max-width: 459px){ /* x-small */

    

      
}