/* CSS entirely developed by staycreative.es */


/* Fonts */
@font-face {
    font-family: 'pier_sansbold';
    src: url('../fonts/pier-bold-webfont.eot');
    src: url('../fonts/pier-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pier-bold-webfont.woff2') format('woff2'),
         url('../fonts/pier-bold-webfont.woff') format('woff'),
         url('../fonts/pier-bold-webfont.ttf') format('truetype'),
         url('../fonts/pier-bold-webfont.svg#pier_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*generals*/
html,body{font-family: 'Lato', Helvetica, Arial, sans-serif;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;color:#353535;}
p{font-family: 'Lato', Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'pier_sansbold', Helvetica, Arial, sans-serif;text-transform: uppercase;}
a{cursor: pointer;}
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background: #C4BC97;top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 45px);left: calc(50vw - 60px);width: 120px;height: 90px;-webkit-animation: breathing 1s ease-out infinite normal;
    animation: breathing 1s ease-out infinite normal;}
@-webkit-keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }
@keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }
.line{background:#353535;}

/*buttons*/
.button{border: 2px solid #ffffff; font-family: 'pier_sansbold'; text-transform: uppercase;font-size: 16px; font-weight: 700 !important; color:#ffffff;border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset;-moz-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset;padding: 1.2rem 2rem 1.2rem; background-color:transparent;}
.button:hover{color: #C4BC97;}

.button.secondary, .button.secondary:hover{color:#ffffff;}

/*hacks*/
.clear{clear:both;}
.overlay{background-color: rgba(91, 75, 55, 0.8);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.section{padding:10vh;}
.ws-container{position: relative;float: left;width: 100%;}
.white-slide-container{width: 100%;position: absolute;z-index: 1;}
.white-slide{width: 100%;}
.animate{opacity: 0;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;}
.mt-50{margin-top: 50px;}
.ml-20{margin-left: 60px;}

  /* Menu */
  .header-logo{position: relative;z-index: 2;background-image: url('../img/logo.svg');width: 90px;height: 60px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: contain; margin:20px 0 20px 40px;}
	.menu-header{position: relative; z-index: 2;width: 100%;margin-bottom: -100px;}
	.menu-header .header-title-bar{width: 100%;background: none; -webkit-transition: ease-in-out, background-color .35s ease-in-out;transition: ease-in-out, background-color .35s ease-in-out;height: 100px;}
	.menu-header .header-title-bar .title-bar-title{color: #C4BC97;}
	.menu-header .header-title-bar .menu-icon::after {background: #C4BC97;box-shadow: 0 7px 0 #C4BC97, 0 14px 0 #C4BC97;}
	.menu-header .header-title-bar.is-stuck{background-color: #000000; -webkit-transition: ease-in-out, background-color .35s ease-in-out;transition: ease-in-out, background-color .35s ease-in-out;}
	.menu-header .header-title-bar .top-bar {padding: 0;}
	.menu-header .header-title-bar.is-stuck .top-bar {padding: 0;}
	.menu-header .header-title-bar.is-stuck .title-bar{margin-top: 9px;}
	.menu-header .header-title-bar.is-stuck .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after{border-color: white transparent transparent;}
	.menu-header .title-bar{background: none;padding: 2.5rem;text-align: right; }
	.menu-container{width: calc(100% - 130px);display: inline-block;float: right;}
	.top-bar{background-color: transparent;}
	.top-bar ul{background-color: transparent;}
	.menu-header .menu{padding-right:1rem;}
	.menu-header .menu li{padding:0;}
	.menu-header .menu li ul{background: black;border: 0;}
	.menu-header .header-title-bar.is-stuck .menu li ul{background: #000000;}
	.menu-header .menu li ul a{padding: 1rem;}
	.menu-header .header-title-bar .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent:hover > a::after{border-color: #C4BC97 transparent transparent;}
	.menu-header .menu a{color: white;font-family: 'pier_sansbold';text-transform: uppercase;font-size: 0.9rem;font-weight: 300;padding: 3rem 1rem;}
	.menu-header .menu a:hover{color: #C4BC97;}
	.menu-header .is-stuck .menu a{color: white;}
	.menu-header .is-stuck .menu a:hover{color: #C4BC97;}

  /*inicio*/
  .home-bg{background-image: url('../img/home_slider.jpg');background-position: center center;background-repeat:no-repeat; background-size: contain;position: relative;width: 100vw;height: 100vh;text-align: center;background-color:black;}
  .home-bg h1{color: white;text-align: center;border: 3px solid white;display: inline-block; padding: 10px 20px;margin-top: calc(50vh - 75px);}
  .home-bg h2 {color:white;text-align: center;text-transform: none;}
  .arrow{position: absolute;width:54px;height: 22px;left: calc(50vw - 27px);bottom: 20px;background-image: url('../img/arrow.svg');background-repeat: no-repeat;background-size: contain;}

  /*somos*/
  /*#somos{background-image: url('../img/logo_consell.svg');background-repeat: no-repeat;background-position: 10% 50%;background-size: 30%;}*/
  #somos h3{text-align: center;margin-bottom: 20px;}
  #somos p{padding: 0 20px;}
  #somos img{max-width: 100px;}

  /*presentacion*/

  #balearen-boc{background-image: url('../img/home_presentacio_2.png');background-position: 100% bottom;background-repeat:no-repeat; background-size: contain;position: relative;min-height: 40vh;background-color: #C4BC97;}
  #balearen-boc .medium-8{position: relative;}
  #balearen-boc h5, #balearen-boc p {text-transform: none;color:white;text-align: left;}

    /*balearean*/
  .balearen{width: 100%;}
  .balearen .large-4{position: relative;}
  .balearen .line {height:3px;margin-top: 24px;margin-right:20px; width:100vw;position: absolute;right:0;}
  .balearen .medium-6:first-of-type{padding-right:20px;}
  .balearen .medium-6:last-of-type{padding-left:20px;}
  .balearen p{text-align: justify;}
  .balearen h3{color:#353535;text-align: left;}
  .balearen-img{width: 100%;max-width: none;}

  /*ladieta*/
  .dieta h2{text-align: right;margin-right:40px;}
  .dieta p{text-align: left;}
  .dieta .medium-8{position: relative;}
  .dieta .line {width:3px; height:calc(10vh - 40px);position: absolute;left:0;top: -100px;}
  .dieta-img{width:100%;max-width: none;}

  /*galeria*/
#galeria h2{text-align: center;position: relative;z-index: 1;}
#galeria p{text-align: center;}
#galeria .large-4{position: relative;padding: 0 5%;}
#galeria .line {width:3px; height:calc(10vh - 30px);position: absolute;left:calc(50% - 1px);top: -100px;}
.gallery-list{position: relative;}
.gallery-list .fresco{padding: 10px;display: inline-block;}
.gallery-list .fresco:last-child{float: left;}
.gallery-list .fresco .img-container{background-position: center center; background-size: cover;background-repeat: no-repeat;}

/*becada*/
.becada{background-image: url('../img/home_becada.png');background-color: black;background-size: contain;background-repeat: no-repeat;background-position:left bottom; }
.becada h2, .becada p{text-align: right;color: white;}
.becada .large-4{position: relative;}
.becada .line {width:3px;background: white;position: absolute;right:10px;top: -120px;height:calc(10vh - 10px); }

.becada2 h5, .becada2 p{text-align: right;}
.becada2 .large-4{position: relative;}


/*pesca*/
.home-pesca{background-image: url('../img/home_pesca.jpg');background-position: center center;background-size: cover;background-repeat: no-repeat;background-blend-mode: multiply;background-color: rgba(91, 75, 55, 0.8);}
.home-pesca .large-12{text-align: center;}
.home-pesca h2{text-align: center;color: white;}
.home-pesca h3{text-align: center;color: white;font-family: 'Lato', Helvetica, Arial, sans-serif;text-transform: uppercase;font-weight: bold;}
.home-pesca .button{align-items: center;margin-top: 20%;}

/*contacto*/
.home-contact{background-image: url('../img/home_contact.jpg');background-position: center center;background-size: cover;background-repeat: no-repeat;background-blend-mode: multiply;background-color: rgba(91, 75, 55, 0.8);}
.home-contact .line{width:3px; height:calc(10vh - 30px);position: absolute;left:200px;top: -100px;}
.home-contact h2{text-align: left;color: white;}
.home-contact h5{text-align: left;color: white;}
.home-contact p{text-align: left;color: white;font-family: 'Lato', Helvetica, Arial, sans-serif;}
.home-contact input[type="text"], .home-contact input[type="email"], .home-contact input[type="number"], .home-contact textarea{background: none;border: 0;border-bottom: 2px solid white;box-shadow: none;color: white;padding: 10px;height:auto;-webkit-transition: ease-in-out, background-color .15s ease-in-out;transition: ease-in-out, background-color .15s ease-in-out;}
.home-contact input[type="text"]:focus, .home-contact input[type="email"]:focus, .home-contact input[type="number"]:focus, .home-contact textarea:focus{background-color: rgba(255,255,255,0.4);}
.home-contact textarea{min-height: 150px;}
.home-contact small{color: white;margin-bottom: 10px;display: block;}
.home-contact .g-recaptcha{display: inline-block;}
.home-contact .button{align-items: center;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.info_contact{margin-top: 40px;}
.info_contact a{color: white;}


/* Footer */
footer{position: relative;width: 100%;background: #000000;padding-bottom: 0 !important;}
.footer-logo{position: relative;z-index: 1;background-image: url('../img/logo.svg');width: 120px;height: 80px;display: inline-block;background-size: contain;background-repeat: no-repeat;}
.footer-menu{float: right;margin: 0;}
.footer-menu li{text-align: right;list-style-type: none;}
.footer-menu li a{text-transform: uppercase;color: #C4BC97;font-weight: 700;font-size: 0.8rem;}
.footer-menu li a:hover{color:#969074;}
.copyright{color: #C4BC97;text-transform: uppercase;font-size: 0.8rem;font-weight: 700;margin: 50px auto;display: inline-block;}
.author{color: #847E63;font-size: 0.8rem;font-weight: 400;margin: 50px auto;display: inline-block;float: right;}
.author a{color: #847E63;font-weight: 700;}

#cookies h3,#legal h3{font-family: 'Lato';}

/* Cookies */
#cookieMessageWrapper{width: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0;bottom: 0;text-align: center;padding: 0;z-index: 997;}
#cookieMessage{width: 90%;padding: 3px 0 3px 0;margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 5px;color: #C4BC97;}
#cookieMessage a{font-size: 12px;color: #C4BC97;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #000;margin-top: 6px;cursor: pointer;}

  /* Media Queries max */
  @media only screen and (max-width:63.938em){
    .section{padding:10%;}
    .line{display: none;}
    .dieta h2 {text-align: left;}
    .becada p{ padding-bottom: 170px;}
    .menu-container{width: 100%;margin-top: -106px;}
    .menu-header .title-bar{padding: 1.6rem 2.5rem;}
    .menu-header .menu a{padding: 2rem;}
    .top-bar .top-bar-right{width: 100%;background: black;}
    .is-drilldown-submenu-parent > a::after{border-color: transparent transparent transparent white;}
  }

  @media only screen and (max-width:40em) {
    #somos p{text-align: left !important;}
    #presentacion .medium-8{ padding-bottom: 20%;}
    .balearen .medium-6:first-of-type{padding-right:0;}
    .balearen .medium-6:last-of-type{padding-left:0;}
    .becada p{ padding-bottom: 100px;}
  }

  /* Media Queries min */
  @media only screen and (min-width:90em){
    #somos{background-size: contain;}
  }
  @media only screen and (min-width:64em){
    #presentacion .medium-8{padding-top: 5vh;}
  }