/*
Theme Name: Aviso Theme
Template: generatepress
Author: Thomas Prados
Version: 1.0
Description: A custom WordPress theme based on GeneratePress.
*/

.custom-logo {
    max-height: 3.3vw; /* Adjust as needed */
    height: auto;
    width: auto;
}

.blog-hero {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 8.39vw;
  text-align: center;
  gap : 8.39vw
}

.blog-hero-inner {
  width: 100%;
  max-width: 1098px;
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
}

.blog-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 6.25vw;
  letter-spacing: -0.08em;
  color: #141414;
}

.blog-subtitle {
  font-family: 'Hind', sans-serif;
  font-weight: 300;
  font-size: 1.15vw;
  line-height: 150%;
  color: #6D6D6D;
  max-width: 51.62vw;
  margin: 0 auto;
}

.blog-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.47vw;
  margin-bottom: 100px;
}

.blog-card {
  align-items: left;
  position: relative;
  width: 72.68vw;
  height: 30.03vw;
  background: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 2.08vw;
  padding: 5.23vw 4.63vw;
  box-sizing: border-box;
}

.blog-card-title {
  font-family: 'Poppins', sans-serif;
  text-align: left;
  font-weight: 500;
  font-size: 3.70vw;
  letter-spacing: -0.06em;
  color: #141414;
  margin-bottom: 2.08vw;
}

.blog-card-excerpt {
  text-align: left;
  font-family: 'Hind', sans-serif;
  font-weight: 300;
  font-size: 1.15vw;
  line-height: 150%;
  color: #6D6D6D;
  max-height: 8.68vw;
  overflow: hidden;
}

.blog-card-button {
  position: absolute;
  bottom: 4.62vw;
  left: 4.62vw;
  display: flex;
  align-items: center;
  gap: 0.57vw;
  padding: 1.04vw 1.85vw;
  background-color: #333D30;
  color: #F5F5F5;
  font-family: 'Hind', sans-serif;
  font-weight: 500;
  font-size: 1.85vw;
  text-decoration: none;
  border-radius: 1.38vw;
  transition: background 0.3s ease;
}


.blog-card-button:hover {
  color: #FFFFFF;
}

.arrow-icon {
  font-size: 1,38vw;
}