/* Last-Modified: Sat, 1 Jan 2000 10:00:30 GMT [ver: ] */
/* Current-Time:Wed, 14 Oct 2026 00:49:43 -0500*/
/* HT - 8.20.26 - Removed recent div */
.recent {display:none !important;}

.faso-image-logo-url {
  width: 300px; /* Ajuste o valor conforme necessário */
  height: auto; /* Mantém a proporção da imagem */
  max-width: 100%; /* Garante que o logo não ultrapasse os limites do container */
}

.faso-image-logo-url {
  box-shadow: none; /* Remove qualquer sombra */
}

/* ABOUT PAGE */
/* Estilo do container com imagem e texto */
.about-container {
  display: flex;
  flex-wrap: wrap; /* Permite que os elementos quebrem em dispositivos menores */
  gap: 20px; /* Espaço entre a imagem e o texto */
  align-items: flex-start; /* Alinha ao topo */
}

/* Estilo da imagem */
.about-image {
  flex: 0 0 40%; /* A imagem ocupa 40% da largura */
  max-width: 100%;
}

/* Estilo do texto */
.about-text {
  flex: 1; /* O texto ocupa o restante do espaço */
}

/* Centraliza o primeiro parágrafo acima da imagem */
.about-text p:first-child {
  text-align: center;
  margin-bottom: 20px; /* Espaço abaixo do primeiro parágrafo */
}

/* Estilo para o segundo parágrafo, que vai ao lado da imagem */
.about-text p:last-child {
  text-align: left;
  margin-bottom: 0;
}

/* Responsividade: Para telas pequenas, a imagem e o texto ficam empilhados */
@media (max-width: 768px) {
  .about-container {
    flex-direction: column; /* Empilha os elementos no mobile */
    align-items: center; /* Centraliza o conteúdo */
  }

  .about-image {
    width: 100%; /* Imagem ocupa 100% no mobile */
    max-width: 100%;
  }

  .about-text {
    text-align: center; /* Centraliza o texto no mobile */
  }
}


/* TIMELINE */
/* Estilo da timeline */
.timeline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px; /* Ajuste conforme necessário */
  width: 100%;
}

/* Estilo dos pontos */
.dot {
  width: 15px;
  height: 15px;
  background-color: #000;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
  position: relative; /* Para posicionar a label em relação ao ponto */
}

/* Efeito de hover nos pontos */
.dot:hover {
  background-color: #ff6600; /* Cor ao passar o mouse */
}

/* Estilo das labels (anos) */
.year-label {
  position: absolute;
  top: 20px; /* Ajuste o valor para controlar a posição vertical da label */
  left: 50%; /* Centraliza a label em relação ao ponto */
  transform: translateX(-50%); /* Centraliza a label */
  font-size: 12px;
  color: #333;
  text-align: center;
}

/* Estilo do conteúdo de cada ano */
.year-content {
  display: none;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}

/* Visibilidade do conteúdo do ano */
.year-content.active {
  display: block;
}

/* GALLERIES PAGE */

hr {
  border: none !important;
  border-top: 1px solid #010101 !important;
  margin: 20px 0 !important;
}


/* Aplica o estilo de botão sem bordas arredondadas apenas aos links dentro de <p class=htmlquotemargin-nonehtmlquote> que cont&#234;m 'Visit Website' */
p.margin-none a[href*="helenafoxfineart.com"],
p.margin-none a[href*="susanpowellfineart.com"],
p.margin-none a[href*="georgebillis.com"],
p.margin-none a[href*="theenglishmanusa.com"],
p.margin-none a[href*="bronxvillechamber.org"],
p.margin-none a[href*="salmagundi.org"],
p.margin-none a[href*="noaps.org"],
p.margin-none a[href*="beverlymcneilgallery.com"],
p.margin-none a[href*="teafine.art"] {
  padding: 10px 20px;
  background-color: #010101;
  color: white;
  text-decoration: none;
  font-size: 16px;
  border-radius: 0 !important; /* For&#231;a a remo&#231;ão do arredondamento */
}

/* FLEX BOX MOBILE */


/* Para telas pequenas */
@media (max-width: 768px) {
  /* Assegure-se de que os botões não estejam ocultos */
  .margin-none a {
    display: block;
    width: 100%; /* Torna os botões mais fáceis de clicar */
    text-align: center; /* Centraliza o texto no botão */
    margin-bottom: 10px; /* Adiciona espa&#231;amento entre os botões */
  }

  /* Ajusta a exibi&#231;ão do layout se necessário */
  div {
    flex-direction: column; /* Coloca os itens em uma coluna em telas pequenas */
    align-items: center;
  }
}


/* Estilo para dispositivos móveis */
@media (max-width: 768px) {
  .what-inspires-container {
    display: grid !important;  /* Garante que o grid seja aplicado */
    grid-template-columns: 1fr !important;  /* Apenas uma coluna no mobile */
    gap: 20px !important;
    width: 100% !important;
  }

  .what-inspires-container > div {
    padding: 10px !important;
    background-color: #f0f0f0 !important;
    border-radius: 8px !important;
  }
}

/* Estilo para desktop */
@media (min-width: 769px) {
  .what-inspires-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 3 colunas no desktop */
    gap: 20px !important;
    width: 100% !important;
  }

  .what-inspires-container > div {
    padding: 10px !important;
    background-color: #f0f0f0 !important;
    border-radius: 8px !important;
  }
}

a.btn.faso-works-link-archived-works {display: none;}