:root{
  --light-gray: #B3B3B3;
  --medium-gray: #666666;
  --green: rgb(0,255,0);
  --pink: rgb(255,0,255);
  --light-pink: #FF7BAC;
  --pink-03: #FF7DFF;
  --mint-green: #9DE0A2;
  --dark-green: #748275;
  --light-blue: #BDCCD4;
  --medium-blue: #90C1DE;
  --neon-blue: #53E0E0;
  --dark-purple: #59455B;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'plex-mono-semibold';
    text-transform: uppercase;
}

.mtop-1{
  margin-top: 1vh;
}

.mtop-2{
  margin-top: 2vh;
}

.mtop-3{
  margin-top: 3vh;
}

.texto-verde-neon {
  color: var(--green);
}
.fondo-verde-neon {
  background-color: var(--green);
}
.texto-rosado-neon {
  color: var(--pink);
}
.fondo-rosado-neon {
  background-color: var(--pink);
}
.texto-rosadito {
  color: var(--light-pink);
}
.fondo-rosadito {
  background-color: var(--light-pink);
}
.texto-verde-menta {
  color: var(--mint-green);
}
.fondo-verde-menta {
  background-color: var(--mint-green);
}
.texto-verde-oscuro {
  color: var(--dark-green);
}
.fondo-verde-oscuro {
  background-color: var(--dark-green);
}
.texto-gris-medio {
  color: var(--medium-gray);
}
.fondo-negro {
  background-color: var(--black);
}
.fondo-gris-medio {
  background-color: var(--medium-gray);
}
.texto-azul-claro {
  color: var(--light-blue);
}
.fondo-azul-claro {
  background-color: var(--light-blue);
}
.texto-azul-medio {
  color: var(--medium-blue);
}
.fondo-azul-medio {
  background-color: var(--medium-blue);
}
.texto-azul-aguamarina {
  color: var(--neon-blue);
}
.fondo-azul-aguamarina {
  background-color: var(--neon-blue);
}
.texto-morado-oscuro {
  color: var(--dark-purple);
}
.fondo-morado-oscuro {
  background-color: var(--dark-purple);
}
.texto-gris-claro {
  color: var(--light-gray);
}
.fondo-gris-claro {
  background-color: var(--light-gray);
}

/* old classes needed to update */
.pink-text {
  color: var(--pink);
}

.green-text {
  color: var(--green);
}

.verde-menta-text {
  color: var(--mint-green)
}

.verde-menta-background {
  background-color: var(--mint-green)
}

.gray-text {
  color: var(--medium-gray)
}

.gray-background {
  background-color: var(--medium-gray)
}

.rosadito-text {
  color: var(--light-pink)
}

.rosadito-background {
  background-color: var(--light-pink)
}
/* end of old classes   */

p>a>i.fa {
  color: var(--pink)
}

/* nav menu */
header {
  background-color: var(--green);
  color: var(--white);
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
  
header .logo {
  color: var(--white);
}

nav .logo > img {
  height: 40px;
  padding-bottom: 1vh;
} 
  
nav.main-menu {
    background-color: var(--black);
  position: fixed;
  /* remove the 'flex-direction' to move menu to the right */
  /* flex-direction: row-reverse; */
    z-index: 1;
    overflow: hidden;
    align-items: center;
}
    
nav a {
  color: var(--pink);
}
  
nav a:hover{
  color: var(--gray)
}

.nav-icon > i {
  color: var(--pink)
}

/* afh menu */
nav.afh {
  padding-top: 45px;
}

nav.afh > .afh-menu > li {
  padding-bottom: 0.2rem;
}

nav.afh > .afh-menu > li > a {
  color: var(--white);
  font-family: 'aquino';
}

nav.afh > .afh-menu > li > a.selected{
    color: var(--gray);
}
  
/* main container */

/* guest list */
.guest-list-title > a {
text-decoration: none;
color: var(--black);
}

.guest-list-title > a:hover {
color: var(--gray);
}

.guest-name {
  font-size: 3rem;
  line-height: 1.8rem;
  font-family: 'plex-mono-semibold';
  text-transform: uppercase;
}

.guest-lastname {
  font-size: 3rem;
  line-height: 1.8rem;
  font-family: 'plex-mono-semibold';
  text-transform: uppercase;
}

/* meeting -list */
.meeting-item {
    margin-bottom: 5vh;
}
.meeting-date {
    font-family: 'helveticaThin';
    font-size: 0.7rem;
}

.meeting-info a{
    text-decoration: none;
    color: var(--black);
    font-family: 'helvetica';
    font-weight: bold;
}

.meeting-info a:hover{
    color: var(--gray);
}

.meeting-title {
  font-size: 8vw;
  font-family: 'plex-mono-semibold';
  line-height: 7vw;
  text-transform: uppercase;
}

.meeting-guest {
    font-family: 'helveticaLight';
    font-weight: normal;
}

.meeting-guest-1 {
    color: var(--pink);
}

.meeting-guest-2 {
    font-style: italic;
    color: var(--black)
}

/* afh-content  */
.afh-encabezado {
  font-size: 3rem;
  line-height: 1.8rem;
  font-family: 'plex-mono-semibold';
  text-transform: uppercase;
}

.afh-encabezado-invitados{
  font-family: 'helveticaLight';
  font-size: 1.8rem;
  line-height: 1rem;
}

.afh-encabezado-fecha{
  font-family: 'helveticaThin';
  font-size: 1rem;
}



.afh-content {
    margin-top: 3vh;
}

.afh-content-image {
  margin-bottom: 3vh;
}

.afh-content-title {
  margin-bottom: 4vh;
}

/* footer */
footer {
  background-color: var(--pink);
  color: var(--white);
}

/* .logos {
  height: 50px;
} */
  
@media (min-width: 0px) {
  /* main container */
  main.container-fluid {
    padding-top: 3rem;
  }

  nav.main-menu {
    flex-wrap: wrap;
  }

  nav.main-menu .menu-btn:checked ~ .menu {
    max-height: 100vh;
  }

  nav.main-menu .menu-icon {
    display:block;
  }

  nav.main-menu >ul.menu {
    flex-direction: column;
    align-items:flex-start;
    width: 100%;
    max-height: 0;
    transition: max-height 0.3s ease-out;
    margin: 0px 10px;
    background-color: var(--black);
  }

  nav.main-menu >ul.menu li {
    width: 100%;
  }
  nav.main-menu >ul.menu a {
    display: block;
    font-family: 'helveticaThin';
  }

  nav.main-menu >ul.menu a:hover {
    color: var(--gray);
  }

  footer.container-fluid {
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .logos {
    height: 2.5vh;
  }

  .logo-lsz {
    height: 1.5vh;
  }
}
  
@media (min-width: 768px){

}
  
@media (min-width: 1024px) {

}