/* Johnson Restauro 1.4.1 - PRESERVAR hero fotografico em ecrã completo na pagina inicial.
   Alteracoes isoladas do slider: nao modificar grelhas, paginas interiores ou rodape. */

/* O contentor do Elementor deste primeiro bloco nao deve herdar o max-width: 1220px
   que a versao 1.4 usa (corretamente) nas secoes interiores. */
body.jr-site .jr-page-inicio > .elementor > section.elementor-top-section:first-child {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.jr-site .jr-page-inicio > .elementor > section.elementor-top-section:first-child > .elementor-container {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
}
body.jr-site .jr-page-inicio > .elementor > section.elementor-top-section:first-child > .elementor-container > .elementor-column {
  width:100% !important;
  max-width:none !important;
  flex:0 0 100% !important;
}
body.jr-site .jr-page-inicio > .elementor > section.elementor-top-section:first-child > .elementor-container > .elementor-column > .elementor-widget-wrap {
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
}
/* Slideshow full-bleed: ocupa toda a largura e quase todo o ecrã visivel depois do menu. */
body.jr-site .jr-page-inicio .jr-hero {
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:calc(100vh - 160px) !important;
  height:calc(100svh - 160px) !important;
  min-height:590px !important;
  max-height:960px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
body.jr-site .jr-page-inicio .jr-hero-slide,
body.jr-site .jr-page-inicio .jr-hero-image,
body.jr-site .jr-page-inicio .jr-hero-veil {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}
body.jr-site .jr-page-inicio .jr-hero-image {
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
/* Manter as duas fotografias originais encontradas no arquivo; fornecer fotos
   da Johnson, da mesma area de trabalho, aos slides 3-5 enquanto as originais faltarem. */
body.jr-site .jr-page-inicio .jr-hero-slide:nth-child(1) .jr-hero-image {
  background-image:linear-gradient(90deg,rgba(1,22,51,.76) 0%,rgba(1,22,51,.28) 65%,rgba(1,22,51,.06) 100%),url('/wp-content/uploads/2024/01/SANA_EvolutionHotel_1-scaled.jpg') !important;
}
body.jr-site .jr-page-inicio .jr-hero-slide:nth-child(2) .jr-hero-image {
  background-image:linear-gradient(90deg,rgba(1,22,51,.76) 0%,rgba(1,22,51,.28) 65%,rgba(1,22,51,.06) 100%),url('/wp-content/uploads/2024/01/Maresia_Neon.jpeg') !important;
}
body.jr-site .jr-page-inicio .jr-hero-slide:nth-child(3) .jr-hero-image {
  background-image:linear-gradient(90deg,rgba(1,22,51,.76) 0%,rgba(1,22,51,.28) 65%,rgba(1,22,51,.06) 100%),url('/wp-content/uploads/2022/02/IMG_0892-scaled.webp') !important;
}
body.jr-site .jr-page-inicio .jr-hero-slide:nth-child(4) .jr-hero-image {
  background-image:linear-gradient(90deg,rgba(1,22,51,.76) 0%,rgba(1,22,51,.28) 65%,rgba(1,22,51,.06) 100%),url('/wp-content/uploads/2022/02/IMG_0956-scaled.webp') !important;
}
body.jr-site .jr-page-inicio .jr-hero-slide:nth-child(5) .jr-hero-image {
  background-image:linear-gradient(90deg,rgba(1,22,51,.76) 0%,rgba(1,22,51,.28) 65%,rgba(1,22,51,.06) 100%),url('/wp-content/uploads/2022/04/IMG_4617_1_-1-e1658738188562.jpeg') !important;
}
/* O nome tecnico do ficheiro, criado na restauracao, nao deve surgir sobre a foto. */
body.jr-site .jr-page-inicio .jr-hero-image > span {display:none !important;}
body.jr-site .jr-page-inicio .jr-hero-inner {z-index:2;}
body.jr-site .jr-page-inicio .jr-hero-veil {pointer-events:none;}
@media(max-width:780px) {
 body.jr-site .jr-page-inicio .jr-hero {
   height:calc(100svh - 100px) !important;
   min-height:520px !important;
   max-height:760px !important;
 }
 body.jr-site .jr-page-inicio .jr-hero-inner {width:calc(100% - 70px);}
 body.jr-site .jr-page-inicio .jr-hero h1 {font-size:clamp(31px,7vw,50px);}
}
@media(max-width:440px) {
 body.jr-site .jr-page-inicio .jr-hero {min-height:540px!important;}
 body.jr-site .jr-page-inicio .jr-hero-inner {width:calc(100% - 62px);}
 body.jr-site .jr-page-inicio .jr-hero .jr-button {padding:13px 17px;}
}