.year-column {
  display: inline-flex;
  /* This will make them sit side by side */
  flex-direction: column;
  /* Ensures the content within each block stacks vertically */
  width: 11%;
  /* Splits the row into 6 columns, adjust the percentage if there are a different number of columns */
  box-sizing: border-box;
  /* Makes sure padding and borders are included in the width */
  padding: 10px;
  /* Adjust as needed */
  flex-wrap: nowrap;
  margin-left: 4vw;
}

.regattas-by-year .media-render img {
  width: 35vw;
  height: 35vh;
  margin-left: 20vw;
}

/* Add some responsive behavior */
@media (max-width: 1200px) {
  .block-assets {
    width: 25%;
    /* 3 columns for medium screens */
  }
}

@media (max-width: 768px) {
  .block-assets {
    width: 35%;
    /* 2 columns for small screens */
  }
}

@media (max-width: 480px) {
  .block-assets {
    width: 50%;
    /* 1 column for extra small screens */
  }
}

.column-universities {
  display: inline-flex;
  flex-direction: column;
  width: 33%;
  box-sizing: border-box;
  padding: 10px;
  flex-wrap: nowrap;
}

.column-universities .asset img {
  width: 15vw;
  height: 50vh;
  margin-right: 10vw;
  object-fit: scale-down;
}

.landing-twocolumn {
  display: inline-flex;
  flex-direction: column;
  width: 33%;
  box-sizing: border-box;
  padding: 10px;
  flex-wrap: nowrap;
}

.landing-twocolumn .asset img {
  width: 20vw;
  height: 30vh;
  margin-right: 10vw;
}

.column-quarters {
  display: inline-flex;
  flex-direction: column;
  width: 33%;
  box-sizing: border-box;
  padding: 10px;
  flex-wrap: wrap;
}

.column-quarters .asset img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.column-quarters .asset a {
    display: inline-block;
    max-width: fit-content;
}


.coaches-hero {
  display: flex;
  justify-content: center;
  /* Centers horizontally */
  align-items: center;
  /* Centers vertically */
  min-height: 65vh;
  text-align: center;
}

.coaches-hero .asset img {
  max-width: 75%;
  height: auto;
  margin-top: -20px;
  min-width: 300px;
  object-fit: contain;
}

.coaches-hero .caption {
  text-align: center;
}

@media (max-width: 1200px) {
  .coaches-hero {
    margin-left: 28vw;
  }

  .coaches-hero .asset img {
    width: 20vw;
    height: 20vh;
    margin-right: 10vw;
  }
}

.column-coaches {
  display: inline-flex;
  flex-direction: column;
  width: 20%;
  box-sizing: border-box;
  padding: 10px;
  flex-wrap: nowrap;
  margin-left: 8vw;
  /* Set a reasonable minimum width */
  min-width: 160px;
  /* Adjust this value based on your content */
}

/* Global overwrites */
.preview-block .resource-list .item .item-meta {
  width: auto;
  margin: 0;
  padding: 0;
  /* Add any other properties you want to reset */
}

.site-page-pagination {
  display: none;
}

body.vertical-menu header {
  background-color: #0c3d5d;
  font-family: Bookman Old Style, serif;
  font-size: 1.1rem;
}

.off-canvas-content,
body.vertical-menu {
  background: #0c3d5d;
}

@media only screen and (max-width: 1023px) {
  .off-canvas-content {
    background: white !important;
  }
}

body.vertical-menu header .vertical.menu li,
body.vertical-menu header .toc-block > ul li,
body.vertical-menu header .toc-block ul ul li,
.toc-block ul body.vertical-menu header ul li {
  margin: 5px 0;
}

body.vertical-menu header .vertical.menu li a,
body.vertical-menu header .toc-block > ul li a,
body.vertical-menu header .toc-block ul ul li a,
.toc-block ul body.vertical-menu header ul li a {
  padding: 0.6rem;
}

a.nav-header:hover {
  opacity: 0.8;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.site-title h1,
.h4,
h5,
.preview-block h4,
.preview-block .site-title h1,
.site-title .preview-block h1,
.h5,
h6,
.h6,
h6 {
  font-family: EB Garabmond, serif !important;
}

h6 {
  font-size: 0.8rem;
}

div#content,
.preview-block .resource-list .item .item-thumbnail img,
.img {
  font-family: EB Garabmond, serif !important;
  max-width: 100%;
}

button.button {
  background: #767676;
}

.browse div#uv-1,
.media-list,
.value,
.description {
  /*display none;*/
}

#content > div.grid-x > div.media-list,
#resource-values
  > dl:nth-child(1)
  > div:nth-child(6)
  > div
  > dl
  > span.o-icon-private {
  display: none;
}

#content > div.grid-x {
  margin-left: 30px;
}

body.vertical-menu #content,
body:not(.item) #content,
body.browse #content {
  min-height: 0;
  padding: 25px !important;
}

body.item:not(.browse) #content {
  padding: 0px !important;
}

/* Custom Grid and Image Styles */
/* Initial state: 4 columns */
.preview-block .resource-list {
  display: grid;
  grid-template-columns: repeat(4, 300px);

  padding-right: 30% !important;
  overflow-x: auto;
  /* Enables horizontal scrolling if necessary */
}

/* When the screen width is 1024px or less, switch to 3 columns */
@media only screen and (max-width: 1324px) {
  .preview-block .resource-list {
    grid-template-columns: repeat(3, 350px);
  }
}

/* When the screen width is 768px or less, switch to 2 columns */
@media only screen and (max-width: 1168px) {
  .preview-block .resource-list {
    grid-template-columns: repeat(2, 400px);
  }
}

/* When the screen width is 480px or less, switch to 1 column */
@media only screen and (max-width: 880px) {
  .preview-block .resource-list {
    grid-template-columns: repeat(1, 450px);
  }
}

.preview-block .resource-list .item {
  padding: 16px;
}

.preview-block .resource-list .item .item-thumbnail img {
  width: 300px !important;
  height: 200px !important;
  object-fit: cover;
  margin: 0 auto !important;
}

.preview-block .resource-list .resource {
  margin-left: -16px;
  border-bottom: 0px solid #8e8e8e;
}

#blocks > div:nth-child(7) > div{
    max-width: 100%;
    height: auto;
}