/* WHOLE PAGE */
body{
    display: block;
    font-family: sans-serif;
}
p{
    font-size: small;
    color: darkslategrey;
}
h1{

}
h4{
	font-size: large;
}
h5{
    font-size: small;
        color: darkslategrey;
}
h6{
    font-size: small;
        color: darkslategrey;
}
a{
    text-decoration: none;
}
.page_break{
    font-family: sans-serif;
}
.main_divider{
    border-bottom-color: darkslategrey;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}


/*NAVBAR */
.gallery_navbar{
    font-family: sans-serif;
}
@media screen and (min-width: 768px) {
    .gallery_navbar{ margin-left: 15%; margin-right: 15%;
    }
}

.gallery_brand{
    color: black;
}
.gallery_brand:hover{
    color: grey;
}
.gallery_link{
    color: black;
}
.gallery_link:hover{
    color: grey;
}


/*GALLERY */
.gallery_master{
    align-items: center;
    justify-content: center;
    display: flex;

}
.gallery_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40rem;


}
.gallery_row{

}
.image_description_container{
    text-align: center;
    margin-top: 2rem;
}
.gallery_title{
    color: black;
    font-style: italic;
}
.gallery_img_anchor{
    background-color: white;
    text-decoration: none;
}
.gallery_img_anchor:hover{
   opacity: .5;
}
.img{
    height: auto;
    max-width: 30rem;
}
.carousel-inner{
    width: 100%;
    height: auto;
}
.carousel-item{
    justify-content: center;
    align-items: center;
    height: auto;
}
.carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23808080' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'%3e%3c/path%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23808080' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0L10.293 7l-4.647 4.646a.5.5 0 0 1-.708-.708L9.293 7 4.646 2.354a.5.5 0 0 1 0-.708z'%3e%3c/path%3e%3c/svg%3e");
}
.carousel-control-prev, .carousel-control-next{
    position: absolute;
    top: 50%;
    color:#808080;
    transform: translateY(-50%);
}
.carousel-control-prev{
    left: -20%;
}
.carousel-control-next{
    right: -20%;
}


/* ABOUT */
.about_wrapper {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.about_header {
    /* Define styles for the header as necessary */
}

.about_bio_container {
    text-align: left;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
}

.about_name {
}

.about_bio {
    text-align: left;
}

.about_headshot {
    width: 80vw;
    max-width: 400px;
    max-height: 40rem;
    object-fit: contain;
}

/* Increase headshot size for larger screens */
@media (min-width: 768px) {
    .about_headshot {
        width: 30vw;
        max-width: none;
        max-height: 40rem;
        object-fit: contain;
    }
}

/*EXHIBITIONS */
.exh_wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
  overflow: auto;
}

.exh_row {
  justify-content: center;
    display: flex;
    align-items: flex-start;
}

.exh_col {
  max-width: 100%; /* make it 100% on mobile devices */
  text-align: center;
}

@media (min-width: 768px) {
  .exh_row {
    display: flex;
    justify-content: center;
      align-items: flex-start;
  }

  .exh_col {
    max-width: 20%;
    margin-right: 2rem;
    text-align: left; /* Aligning the text to left */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .exh_image {
      min-height: 12rem;
      max-height: 12rem;
    max-width: 100%;
    width: auto;
    height: auto;
      object-fit: contain;
  }

}

.exh_info{
  text-align: left;
}

.exh_image_anchor {
  background-color: white;
}

.exh_image_anchor:hover {
  opacity: .5;
}

.exh_name_anchor {
  color: black;
  text-decoration: none;
}

.exh_name_anchor:hover {
  color: grey;
  text-decoration: none;
}
.exh_image{
    max-height: 12rem;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* PUBLICATIONS */
.pub_wrapper{
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.pub_container{
    align-items: center;
    margin-top: 2rem;
}

.pub_row{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 95%;
  margin: 0 auto;
}

.pub_name_col{
    text-align: left;
}

.pub_image_col{
    text-align: center;
}

.pub_image{
    width: 100%;
    max-width: 15rem;
}

.pub_name_anchor{
    color: black;
    text-decoration: none;
}

.pub_name_anchor:hover{
    color: grey;
    text-decoration: none;
}

.pub_image_anchor{
    display: inline-block;
    background-color: white;
    padding: 1em;
}

.pub_image_anchor:hover{
    opacity: .5;
}

@media (min-width: 600px) {

  .pub_row {
    flex-direction: row;
      display: flex;
      align-items: flex-start;
  }

  .pub_name_col {
    text-align: left;
      margin-right: auto;
  }

  .pub_image_col {
    text-align: right;
  }

}

/* FOOTER */
.footer {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center children */
}

.footer div {
    display: flex;
    justify-content: center; /* Align horizontally centered */
    flex-wrap: wrap; /* Allow multiple lines in case the screen is smaller */
}

.footer div a {
    margin: 0 10px; /* Optional: add spacing between anchors */
}

.footer div h6 {
    text-align: center; /* Center text within h6 */
}

/* The following rule is optional and serves to add margin top to the last h6 */
.footer div h6:last-child {
    margin-top: 16px; /* Adjust as needed */
}


