a, a:visited { 
    text-decoration: none !important;
}

.home-description { 
    width: 50%; 
    text-align: center; 
    padding-top: 20px; 
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto;
}

@media (max-width: 800px)
{
    .home-description { 
        width: 100%;
        padding: 0;
    }
}

.top-header {
    width: 100%;
    text-align: center;
    padding: 10px;
}

.top-header-left { 
    text-align: left !important;
}

.top-header-small img { 
    height: 40px !important;
}

.header { 
    margin-top: -50px;
    margin-bottom: 25px;
}


/* Trip Page */
.trip-page {
    padding: 10px;
    min-height: 500px;
}

.header { 
    text-align: center;
}

.header h1 { 
    font-size: 4em;
    margin-bottom: 10px;
}

.buttons { 
    text-align: center;
}

.buttons button { 
    font-size: 1.5em;
    width: 300px;
   
}

.buttons a { 
     margin: 0 25px;
}


@media (max-width: 700px) {
    .buttons button {
        display: block;
        margin: 0 auto !important;
        margin-top: 10px !important;
        font-size: 1.5em;
    }
}

.trip-page ul {
    display: flex;
    flex-wrap: wrap;
    margin: 2vmin;
    list-style-type: none;
}

.trip-page ul.photos {
    margin-left: -2vmin !important;
    margin-right: -2vmin !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.trip-page li {
    height: 40vh;
    flex-grow: 1;
    margin: 2vmin;
}

.trip-page li:last-child {
        flex-grow: 10;
}

.trip-page li img {
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
    transition: all 0.3s ease-in-out;
    cursor: zoom-in;
}

.trip-page li img:hover { 
    transform: scale(1.05);
}

@media (max-aspect-ratio: 1/1) {
    .trip-page li
    {
        height: 30vh;
    }

}

@media (max-height: 480px) {
    .trip-page li
	{
		height: 80vh;
	}

}

@media (max-aspect-ratio: 1/1) and (max-width: 800px) {
    .trip-page ul
    {
        flex-direction: row;
    }

    .trip-page li {
        height: auto;
        width: 100%;
    }

    .trip-page img {
        width: 100%;
        max-height: 75vh;
        min-width: 0;
    }

}


/* Home Page */
.list-of-trips {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
    margin-top: 50px;
}



.trip {
    max-width: 500px;
    min-width: 500px;
    min-height: 300px;
    max-height: 300px;
    margin: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;

    align-content: center;
    justify-content: center;

    text-decoration: none;

}

.trip:hover { 
    transform: scale(1.1);
    cursor: pointer;
    text-decoration: none;
}

.trip .wrapper { 
    width: 100%; 
    height: 100%;
    background-color: rgba(0, 0, 0, .5);

    align-content: center;
    justify-content: center;
}


.trip .title { 
    text-align: center;
    font-size: 2.5em;
    color: white;
    padding: 0 5px;
    margin-bottom: 10px;
}
.trip .subtitle {
    text-align: center;
    color: white;
}

@media (max-width: 600px) {
    .list-of-trips {
    }

    .trip {
        max-width: 100% !important;
        width: 100% !important;
        min-width: unset !important;
    }
}

/* Lightbox Gallery */
.lightbox-figure {
  max-height: 85vh;
  max-width: 85vw;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.5s ease;
 
}


.lightbox-img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 85vw;
  max-height: 85vh;
}


.gallery-arrow {
  top: 50vh;
  position: absolute;
  border: none;
  background: transparent;
  width: 48px;
  height: 48px;
  fill: white;
  opacity: 1;
  transition: all 0.3s ease;
  
  color: #fff;
  font-size: 3em;
}

.gallery-arrow-prev { 
    left: 6vw;
}

.gallery-arrow-next { 
    right: 6vw;
}

.gallery-arrow:hover { 
    opacity: 0.8;
    transition: all 0.3s ease;
}



/* Trip Journal */


.journal-wrapper {
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
}

@media (max-width: 1500px) {
    .journal-wrapper { 
        width: 100%; 
        padding: 0 50px;
         margin-left: -50px;
    }
}

@media (max-width: 800px) {
    .journal-wrapper {
        width: 100%;
        padding: 0 25px;
        margin-left: -25px;
    }
    
    .gallery-arrow-prev { 
        left: 0;
    }
    .gallery-arrow-next { 
        right: 0;
    }
}

@media (max-width: 500px) {
    .journal-wrapper {
        width: 100%;
        padding: 0 10px;
         margin-left: -10px;
    }
}

.journal-location { 
    text-align: center;
    margin-bottom: 10px;
    font-size: 3em;
}

.journal-wrapper article {
    padding-bottom: 20px;
}

.journal-wrapper article .journal-date { 
    display: block;
    font-size: 16px;
}

article { 
    height: auto;
    overflow: hidden;
}
.journal-location { 
   
}

article h1, article h2, article h3 {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.journal-body { 
    margin-top: 10px;
    font-size: 18px !important;
    line-height: 35px;
    text-align: justify;
    letter-spacing: 1px;
    
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.journal-body p, .journal-body span { 
    font-size: 18px !important;
    line-height: 35px !important;
    letter-spacing: 1px !important;
    
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}


.journal-body img {
    margin: 20px;
    object-fit: scale-down;
}




@media (max-width: 800px) {
    .top-header {
        text-align: center !important;
    }

    .journal-body img {
        display: block !important;
        margin: 0 auto;
        float: none !important;
        width: 100% !important;
        height: auto !important;
    }

}



 .flex-divider {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 1.3em;
}

.flex-divider::before,
.flex-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}

.flex-divider::before {
    margin-right: 10px;
}

.flex-divider::after {
    margin-left: 10px;
}