/*
  Property of Rince na Lisboa
  author: Vitor Vaz da Silva
  02-2021
*/

body{
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  /* overflow: hidden; - não mostra e não permite scroll */
  overflow-y: scroll;
  scrollbar-width: none;
  font-size:8px;
  font-family: "Lato", sans-serif;
  /* colors */
  --cor-fundo-claro:#ffffff; /*#fefefa; babypowder  #F6E9D9; /* #E0E3E3; /* #EEE; */
  --cor-fundo-leve:#F0FFF0;
  --cor-fundo:#E6D9C9; /* /#E8DCDD; //#CCC; */
  --cor-letra:#006633; /* /#000;  */
  --cor-botao:#507070; /* /#707070; */
  --cor-botao-sel:#003300; /* /#707070; */  
  --cor-botao-cima:#1792d2;
  --cor-botao-fundo:#C0C0C0;
  --cor-principal:#707070;
  --cor-titulo:#1792d2;
  --cor-subtitulo:orange;
  --cor-preto:#000;
  --cor-metalizado:#B38A4C;
  --cor-container:#F4FFF4;
  --cor-footer:#fefefa;
  /* dimensions */
  --dim-max:860px;
  --dim-med:500px;
  --dim-min:200px;
  --logo-width:120px; 
  --logo-width-small:90px;  
  --logo-width-very-small:40px;
  /* languages */
  background-color:var(--cor-fundo-claro);
}
 small{
 font-size:0.7em;
 }
 
.font-txt-Merriweather{
    font-family: 'Merriweather', serif;
}

.font-txt-Montserrat{
    font-family: 'Montserrat', sans-serif;
}

.font-txt-OpenSans{
    font-family: 'Open Sans', sans-serif;
}

.font-tit-Lato, .font-txt-Lato{
    font-family: 'Roboto', sans-serif;
}

.font-tit-Playfair{
    font-family: 'Playfair Display', serif;
}

.font-tit-Quicksand{
    font-family: 'Quicksand', sans-serif;
}

.font-tit-Roboto{
    font-family: 'Roboto', sans-serif;
}


.aaabody:after{
  content: "";
  background: url("img/proj_fundo.gif");
  opacity: 0.1;
  /* * /
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  /* */
  width:100%;
  height:100vh;
  max-width:800px;
  max-height:800px;
  position: absolute;
  /**/
  z-index: -1;   
}

h1 {margin:1rem 0 0 0; padding:0; font-weight: bold;}

.link {margin-bottom:0.3em;  /* * / border: 3px solid magenta; /**/}

/* Buttons-navigation */
nav li, a{
  text-decoration: none;
  color: var(--cor-botao);
  background:var(--cor-fundo-claro);
  font-family: 'Lato', sans-serif;
  font-weight:300;
  font-size:1rem;
  padding: .25em 0;
  text-align: center;
  padding-bottom:0;
  line-height: 30px; 
}

nav li:visited, a:visited,
nav li:active, a:active {
  color: var(--cor-botao-sel);
  background:var(--cor-fundo-claro);
}

nav li:focus, a:focus,
nav li:hover, a:hover{
  background: var(--cor-fundo-claro);
  color: var(--cor-metalizado);
  /*width:100%;*/
}

.nav-selected:hover,
.nav-selected:focus {
  color: var(--cor-botao-sel);
  background:var(--cor-fundo-claro);
}

.nav-selected {
    border-bottom: 1px solid #707070;
    color: var(--cor-botao-sel);	
}

/* images */
img {
      max-width: 100%;
      display: block;
}

header {
  display:flex;
  justify-content: center;
  width:100%;
  background: var(--cor-fundo);
  /** / border: 3px solid magenta; /**/
}

nav { /** / border:2px solid cyan; /**/
  margin-bottom:0;
  padding-bottom:0;
 }

nav ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /** / border:1px solid green; /**/
}

nav li {
    margin-left: 1em;
    padding:0;
    /** / border:1px solid yellow; /**/
}

main {
  /*width:680px;*/
  margin:1em;
  padding: 0.5em;
  display: block;
  justify-content: center;
   /* * / border: 3px solid orange; /**/
   background: var(--cor-fundo-claro);
}

footer {
  display:flex;
  justify-content: center;
  width:100%;
  font-size:0.5rem;
  background: var(--cor-footer); 
  /* * / border: 3px solid magenta; /**/
  margin-top:1rem;
}

/* Container */
.container {
  display: flex;
  flex-direction: column; /* default - for mobile */
  /* * / max-width:680px; /**/
  justify-content: center;
  align-items: center;
    background:var(--cor-container);
}

.content-area{
	width:90%;
}

.status-area{
	width:30%;
}

.alarga{
	width:100%;
}

/****************************************************/
/* Header - Image, Title, subtitle */
.title-emp {
  display: flex;
  /* * / border: 3px solid magenta; /**/
}

.logo {
  max-width:var(--logo-width-small);
  text-align: center;
  margin:0 auto;
  padding:0;
  background:var(--cor-container); /* comentar para logo transparente */
}

.logo-small {
  max-width:50px;
  text-align: center;
  margin:0 auto;
  padding:0;
}

.logo:hover {
  cursor:pointer;
}

.com-fundo {
  background:var(--cor-container); /* comentar para logo transparente */
}

.largura-completa{
  width:100%;
}

.transparent{
	background: var(--cor-fundo-leve);
}

/* Menu */
.menu-bar{
    display: flex; justify-content: center;
	margin-bottom:0;
	padding-bottom:0;
	/* background: var(--cor-fundo-leve); */
		padding:0 0;
		/* border: 3px solid red; */
	border-radius: 0.5em;
	width:100%;
}

.menu-bar-menu{
}

.menu-icon-menu{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.floating-menu {
    z-index: 999;
    position: absolute;
  }
  
.menu-3-icon{
    z-index: 999;
	margin-top:5px;
	height:2rem;
	/* border: 1px solid green; */
	border-radius: 0.5em;
	padding:5px;
}

.menu-3-icon:hover{
    cursor:pointer;
}

.menu-canto{
	flex-direction:column;
}

.menu-icon{
	display: flex;
	justify-content: center;
	margin-bottom:0;
	padding-bottom:0;
	background: var(--cor-fundo-leve);
		padding:0 0;
		/* border: 3px solid red; */
	border-radius: 0.5em;
}

.menu-emp li{padding-top:0.5em;}

.menu-m { padding:0;}

.menu-m { text-align: center;}

.menu-option{
	margin-bottom:0;
	padding-bottom:0;
	padding:0 0.5em;
	margin:0;
	font-size:1.2rem;
	/* border: 3px solid yellow; */
		background: var(--cor-fundo-leve); 
}


.menu-icon-option{
	margin-bottom:0;
	padding-bottom:0;
	padding:0 0.5em;
	margin:0;
	font-size:0.8rem;
	/* border: 3px solid yellow; */
		background: var(--cor-fundo-leve); 
}

.menu-3-icon-menu{
  border: 1px solid green;
}

.menu-option-selected{
	color: var(--cor-metalizado);
	font-weight:bold;
}

ul.menu-dropdown li {
    display: none;
    list-style: none;
	/* position: absolute; */
}

li:hover > ul.menu-dropdown li {
    display: flex;
    flex: 1;
}

li > ul.menu-dropdown {
    position: absolute;
    display: flex;
	flex-direction: column;
    /* left: 0; */
    top: 100%;
	justify-content: center;
  /* 	opacity: 1; transition: visibility 0s, opacity 2s linear;
    transition-duration: 2s;
    transition-delay: 0s;
	transition-property: width; 
	*/
	border-left:1px solid grey;
	position: sticky; top: 0;
}


li > ul.menu-dropdown:active, li > ul.menu-dropdown:visited{
    /*display:none;*/
	
/* 	visibility: hidden;
  opacity: 0;
*/	
}


#flag-menu{
display: none;
}

.horizontal{  display:flex; flex-direction: row; }
.vertical{  display:flex; flex-direction: column; }
.center-and-wrap{ justify-content: center; flex-wrap: wrap; }

.flag-icon{
  height: 2em;
}

/* .flag-icon:visited, .flag-icon:active{} */

.flag-icon:focus, .flag-icon:hover{
 opacity: 0.5;
}

.choose-flag{
}

.rnl-button{
  text-decoration: none;
  color: white;
  background:var(--cor-metalizado);
  font-family: 'Lato', sans-serif;
  font-weight:300;
  font-size:1rem;
  padding: .25em;
  text-align: center;
  line-height: 1.2rem;
  margin:0.5em auto;
  	border-radius: 0.5em;
}

.rnl-button:visited, .rnl-button:active{
  color: white;
  background:var(--cor-metalizado);
}

.rnl-button:focus, .rnl-button:hover{
  color: white;
  background:var(--cor-metalizado);
  opacity: 0.5;
}

/*******************************/
/* Images */
.blur{
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}
/****************************************************/
/* Main */
.contents {
  display:flex;
  flex-direction:column;
  align-items:center;
}

.txt {
  font-size:0.8rem;
}

.content-area{
	margin:0 auto;
	margin-top:10px;
	/* padding-left:10%; */
	width:90%;
	padding-bottom:1rem;
	flex-shrink: 0;
}

.title-area {
  font-family: 'Quicksand', sans-serif;
  font-size:1.2rem;
  font-weight:bold;
  justify-content:flex-start;
  flex-shrink: 0;
  width:100%;
  margin-bottom:1rem;
}


.sub-title-area {
  font-family: 'Quicksand', sans-serif;
  font-size:1.0rem;
  font-weight:bold;
  font-style: italic;
  justify-content:flex-start;
  flex-shrink: 0;
  width:100%;
  margin-bottom:1rem;
}

.text-area {
  font-family: 'Lato', sans-serif;
  font-size:1.125rem;
  letter-spacing:0.125rem;
  line-height:1.75rem;
  justify-content:flex-start;
  width:100%;
  margin:0 auto;
  padding-left:1rem;
  flex-shrink: 0;
}

.text-area + p{
  line-height:2.5rem;
}

.error-area{
 /* resize: vertical; */
max-height: 100px;
}

.botao-redondo{
  border-radius:2em;
  padding:1em;
  min-width:0em;
  margin:0 auto;
  border-style:outset; 
}

.botao-pressed{
	border-style:inset;
	color:white;
	background:darkgrey;
}


.captcha{
  width:80%;
  margin-top:0.75em;
  margin-bottom:0.75em;
}

.captcha:hover{
  cursor:pointer;
}

.centrado{
  margin:0 auto;
}

.alinha-esquerda{
  justify-content:left;  
}

.junta-esquerda{
  align-content:start;  
}

.alinha-direita{
  justify-content:right;  
}

.flex-area{
  display:flex;
}

.juntos{
	display: flex;
	gap: 10px;
}

.background-100{
  opacity:0;
}

.background-50{
  opacity:0.5;
}

.background-0{
  opacity:1;
}

.horario-img{
  display:flex;
  width:100%;
  max-width:800px;
  justify-content: center;
}

.horario-img-overlay{
  position: absolute; top: 0; left: 0;
}

.image-1{
  z-index:1;
}

.image-2{
  z-index:2;
}

.key-visual{
	width:100%;
	max-width:600px;
}

.imagem{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:100%;
}

/****************************************************/
/* Footer */

.container-footer {
  display: flex;
  justify-content:space-between;
  flex-direction: row;
  width:100%;
  margin: 1em 0;
  padding: 1em;
  /* * / border: 3px solid yellow; /**/
}
/* .container-footer div {   border: 3px solid orange;} */

.img-error, .esconde{
   display:none;
 }
 
 .pagina {max-width: 100%; padding:1em;  display: flex;
    flex-direction: column;
    justify-content:space-between; margin:0 auto;
  }
  
.site-name{
  color: black;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  text-align: center;
  line-height: 1.41em;
  font-size: 22px;
  margin:auto 0;
} 

.outra-font{
	font-family: 'Black Han Sans', arial, sans-serif;  /* por ordem de preferência caso existam */
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    font: italic bold 40px 'Black Han Sans', arial, sans-serif;   /* a ordem aqui é importante */
 }
 
.footer{
  margin-left: auto;
  padding:0 1em;
  font-style: italic;
}

.photo-carroussel{
   display: flex;
   flex-wrap: nowrap;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch; /*  iOS */
   -ms-overflow-style: -ms-autohiding-scrollbar; /* IE 10, 11 & Edge */
}

.photo-carroussel-item{
   flex: 0 0 auto; 
}

/*********************/
.carrousel-area{
  width:600px;
}

#carrousel-1-outer {
	overflow: hidden;
	width:65%;
	margin: 0 auto;
}

#carrousel-1 {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

#botao-envio{
  margin-top:10px;
  background: var(--cor-fundo-claro);
}

  
#botao-envio:hover{
  background:var(--cor-fundo-leve);
  cursor:pointer;
}

/* CSS transition applied when translation of items happen */
.carroussel-container-transition {
	transition: transform 0.5s ease-in-out;
}

.carroussel-item {
	width: 100%;
	flex-shrink: 0;
}

/*********************/
/*********************/
#carrousel-2-outer {
	overflow: hidden;
}

#carrousel-2 {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

/* CSS transition applied when translation of items happen */
.carroussel-container-transition2 {
	transition: transform 0.7s ease-in-out;
}

.carroussel-item2 {
	width: 100%;
	flex-shrink: 0;
}

/*********************/

.photo-who-we-are{
   background-image: url("img/feet.png");
   height:100%; 
   max-width:100%;
   background-position: center; 
   background-repeat: no-repeat; 
   background-size:100%;    /*   cover; */   
 }
 
 .text-who-we-are{ 
   color:white;
   text-transform: uppercase;
   font-size:2rem;
   line-height:2.4rem;
   font-family: 'Playfair Display', serif;
   font-weight:400;
   text-align:center;
   margin:3em 0;
 }
 
.outstand-title{
  font-family: 'Playfair Display', serif;
  font-weight:400;
  color: var(--cor-metalizado);
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 3.6rem; /* *1.2 */
  text-align:center;
  padding:0;
  margin:1em 0;
}

.topic-title{
  font-family: Futura,'Didact Gothic', sans-serif;
  color: black;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align:center;
  padding:0;
  margin:0.8em 0 0 0;
}

.text{
  font-family: Avenir,'Lato', sans-serif;
  font-size:0.75rem;
  text-align:center;
  padding:0;
  margin:1em 0 0 0;
}

.before-menu{
  display:flex;
  flex-direction:row;
 }
 
.the-menu{
  display:flex;
  flex-direction:row;
  position: sticky; top: 0;
  z-index: 999; 
  width:90%;
 }
 
 .the-sub-menu{
  display:flex;
  flex-direction:row;
  position: sticky; top: 30px;
  z-index: 888;
 }
 
 .sub-menu{
   border-top: 1px solid grey;
   margin:0 auto;
   padding-top:0;
   margin-top:0;
   /* align-content:top; não há opção top*/
 }
 
.after-menu{
  display:flex;
  flex-direction:column;
 }

.menu-linha-unica{
/* para ser preenchido quando o ecrã for estreito - ver mais abaixo! */
}

.contents {
  display:flex;
  flex-direction:column;
  align-items:center;
}
	
.rnl-events{
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  margin:1.2em 0;
  /* border:3px solid magenta; */
 }
 
 .rnl-single-event{
   display:flex;
   align-items:center;
   height:200px;
   /* width:0; */
   flex:1 1 0;
   text-align: center;
   justify-content:space-around;
   margin:0 0.5em;
   /* border:3px solid magenta; */
 }

.links-area{
  display:flex;
  margin:0 auto;
  width:100%;
}

.contact-area{
  display:flex;
  margin:0 auto;
  width:60%;
}


.allteachers{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  flex-wrap:wrap;
}

.teacher{
  display:flex;
  flex-direction:column;
  margin-bottom:1.5rem;
}

.teacher-bio{
  display:flex;
  flex-direction:row;
}

.teacher-foto{
  height:150px;
  align-self: center;
  /* padding:0 10px; */
}

.teacher-foto-same-h{
  width:150px;
  align-self: center;
  /* padding:0 10px; */
}

.teacher-foto-crop{
  max-width:200px;
  align-self: center;
  /* padding:0 10px; */
}

.teacher-foto-bio{
  width:150px;
  /* padding:0 10px; */
}

.teacher-foto-big{
  /*max-width:100%;
  width:40%; flex:40%;*/
  /* height:200px;
  padding:0 10px;
  object-fit: contain;
  align-self: start; */
  object-fit: contain;
  align-self: start;  
   width:40%;
   padding:10px;
}


.teacher-name{
  font-size:0.7rem;
}

.teacher-name-big{
  font-size:1.2rem;
}

.teacher-role{
  font-size:0.5rem;
}

.teacher-role-big{
  font-size:0.8rem;
    padding-left:10px;
}


.teacher-short-bio{
  font-size:1rem;
  flex:80%;
}

.allpartners{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin: 0 auto;
  flex-wrap:wrap;
}

.partner{
  display:flex;
  flex-direction:column;
  padding:10px;
}

.partner-icon{
  width:150px;
      /* border:3px solid magenta; */
}

.partner-name{
  font-size:0.7rem;
}

.partner-sub-name{
  font-size:0.5rem;
    width:100px;
	text-align:left;
}


.alllinks{
  display:flex;
  flex-direction:row;
  justify-content:center;
  margin: 0 auto;
  flex-wrap:wrap;
}

.link{
  display:flex;
  flex-direction:column;
  padding:10px;
  color:#722F37;
}

.link-icon{
  width:3rem;
  padding:5px;
      /* border:3px solid magenta; */
}

.link-name{
  font-size:0.7rem;
    padding:5px;
  color:#722F37;
}

.link-address{
  font-size:0.5rem;
    width:100px;
	text-align:left;
	color:#722F37;
}

.link-ref{
  font-size:0.8rem;
    width:100px;
	text-align:center;
	color:#722F37;
}

img.teacher-foto:hover {
    cursor:pointer;
}

.caixa-0{
}

.caixa-1{
	border:3px solid magenta;
 }
 
 .caixa-2{
	border:3px solid red;
 }
 
 .caixa-3{
	border:3px solid green;
 }
 
 .caixa-4{
	border:3px solid blue;
 }
 
 .caixa-5{
	border:3px solid yellow;
 }
 
 .margem10{
   margin:0.1rem;
 }
 
/****************************************************/
.bloco{
	  display:flex;
      justify-content: center;
	  flex-wrap:wrap;
	}
	.celula{
	  width:25%;
	  flex-grow: 1;
	  text-align: center;
	  padding:5px;
	}
	.event-list{
	  width:15%;
	}
	.titulo{
	  font-size:2em;
	}
	.texto{
	  font-size:1.5em;
	}
	.bloco-img{
	  max-height:50vh;
	  margin: auto;
	  justify-content: center;
	}
	.bloco-video{
		width: auto;
		max-width: 100%;
		max-height: 400px;
	  justify-content: center;
	}
	.bloco-legenda{
	  padding-top:0.5rem;
	}

	.bloco-expande{
		display: flex;
		flex-direction: column;
		justify-content: center;
		height:auto;
		width:100%
	}
/**************************/
.container-sem-tempo {
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;	
}

.container-com-tempo {
  overflow-y:hidden;
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;	
}

.orient{
  display: flex;
  flex-direction: column;
 }
 
.social{
  display: flex;
  /*height:50px;*/
  /* width:180px; */
  /*
  border: 1px solid magenta; 
  background: pink;
  border-radius:5px;
  */
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin-left: 5px;
  margin-bottom:20px;
  margin-top:20px;
  padding-right:10px;
}

.icon{
  height:25px;
  /*margin:auto;*/
  margin-left:5px;
    margin-right:5px;
  /* max-width:50px; */
}

.link-txt{
    text-align: center;
	flex-wrap:nowrap;
	justify-content: flex-start;
    border-radius:5px;
	align-items: stretch;
	width: 100%;
}

a, a:focus, a:hover, a:visited, a:active {
  cursor:pointer;
  background: pink;
  border-radius:5px;
  justify-content: flex-start;
}

.orient-left{
  text-align: left;
  /* border: 1px solid green; */
}

.top-4{
	margin-top: 20px;
}

.esconde{
   display:none;
 }
 
#rnl-logo{
  width:150px;
}

#hideMe {
	-moz-animation: css-com-tempo 1s forwards;    /* Firefox */
    -webkit-animation: css-com-tempo 1s forwards; /* Safari and Chrome */
    -o-animation: css-com-tempo 1s forwards;      /* Opera */
    animation: css-com-tempo 1s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#showMe {
	-moz-animation: css-mostra-com-tempo 1s forwards;    /* Firefox */
    -webkit-animation: css-mostra-com-tempo 1s forwards; /* Safari and Chrome */
    -o-animation: css-mostra-com-tempo 1s forwards;      /* Opera */
    animation: css-mostra-com-tempo 1s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes css-com-tempo {
    0%   {opacity: 1; width:100%; }
    25%  {opacity: 0.75; width:75%; }
    50%  {opacity: 0.5; width:50%; }
    75%  {opacity: 0.75; width:25%; }
    100%  {opacity: 1; width:25%; }	
    /*100% {opacity: 0; width:0; }*/
}

@-webkit-keyframes css-com-tempo {
    0%   {opacity: 1; width:100%; }
    25%  {opacity: 0.75; width:75%; }
    50%  {opacity: 0.5; width:50%; }
    75%  {opacity: 0.75; width:25%; }
    100%  {opacity: 1; width:25%; }	
    /*100% {opacity: 0; width:0; }*/
}

@keyframes css-mostra-com-tempo {
    100% {opacity: 1; width:100%; }
    75%  {opacity: 0.75; width:75%; }
    50%  {opacity: 0.5; width:50%; }
    25%  {opacity: 0.25; width:25%; }
    0% {opacity: 0; width:0; }
}
@-webkit-keyframes css-mostra-com-tempo {
    100% {opacity: 1; width:100%; }
    75%  {opacity: 0.75; width:75%; }
    50%  {opacity: 0.5; width:50%; }
    25%  {opacity: 0.25; width:25%; }
    0%   {opacity: 0; width:0; }
}
/* Media */

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */
/*******
  body{
    max-width:100%;
  }
  .container {
    max-width:100%;
  }
  .links-area{
  max-width:100%;
  }
	.text-area {
	  font-size:0.8rem;
	  letter-spacing:0.125rem;
	  line-height:1.25rem;
	}  
	.text-area + p{
	  line-height:1.5rem;
	}
  .logo{
    max-width:var(--logo-width-small);
  }
  .menu-bar-menu{
    display:none;
  }
  .menu-icon-menu{
    display:flex;
  }
  li:hover > ul.menu-dropdown li {
    display: none;
	cursor:pointer;
  }
  nav li:focus, a:focus,
  nav li:hover, a:hover{
	cursor:pointer;  
  } 
  li > ul.menu-dropdown {
    display:none;
  }
  ********/
}

@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
/********
  .menu-bar-menu{
    display: flex; 
  }
  .menu-icon-menu{
    display:none;
  }  
*******/
}

@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width:1400px)  { 
/******
  .logo{
    max-width:var(--logo-width);
  } 
  .horario-img{
    max-width:800px;
  } 
*****/  
}

@media (max-height:400px)  { /* ecrãs de altura reduzida, por estarem em landscape em vez de portrait; ecrã estreito; telemóvel */ 
/******
  .menu-bar-menu{
    display: none; 
  }
  .menu-icon-menu{
    display:flex;
  }
  .menu-3-icon-menu{
	flex-direction: row;
  }  
  .logo{
    max-width:var(--logo-width-very-small);
  } 
  .menu-linha-unica{
    flex-direction:row;
  }
******/
}

.text-area {
  font-size:1.125rem;
  letter-spacing:0.125rem;
  line-height:1.75rem;  
}    
.text-area + p{
  line-height:2.5rem;
}
	li:hover > ul.menu-dropdown li {
    display: flex;
    flex: 1;
	} 
	nav li:focus, a:focus,
	nav li:hover, a:hover{
		background: var(--cor-fundo-claro);
		color: var(--cor-metalizado);
		/*width:100%;*/
	}
	li > ul.menu-dropdown {
		position: absolute;
		display: flex;
		flex-direction: column;
		/* left: 0; */
		top: 100%;
		justify-content: center;
	  /* 	opacity: 1; transition: visibility 0s, opacity 2s linear;
		transition-duration: 2s;
		transition-delay: 0s;
		transition-property: width; 
		*/
		border-left:1px solid grey;
		position: sticky; top: 0;
	}	

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }