/* medchi shades https://maketintsandshades.com/#8cb8de */

body {
font-size: 0.9rem
}

/* Class to allow tinting the banner image blue */
.blue-tint-banner #blog-hero .image-overlay {
  background-color: rgba(140, 184, 222, 0.3);
  background-blend-mode: multiply;
  background-size: cover;
}

/* If banner is tinted blue */
.blue-tint-banner #large-title-text {
background-color: rgba(140,184,222,0.8);
}

.blue-tint-banner.header-dark.header-transparent #header:not(.scrolled) {
background-color: rgba(140,184,222,.65);
}

#header {
background: rgba(245, 253, 253, 1);
width: 100vw;
}

.mobile-container #overlay {
width: 100vw;
}

#page-wrapper > #start{
  background-color: #eef2f5;
}

#body-wrapper {
background: rgba(248,253,253,1)
}

#body-wrapper > .container{
background-color: white;
padding: 1rem 2rem;
padding-bottom: 80px;
}

#body-wrapper .container > p,
#body-wrapper .container > * > p,
.squish-text {
margin: 25px 15vmin;
}

@media (max-width: 922px) {
  #body-wrapper .container > p,
  .squish-text {
    margin: 25px 0;
    text-align: left !important;
    hyphens: auto;
  }
}

#body-wrapper .container > .justified-gallery {
margin: auto auto;
}

/*.container p {
text-align: justify;
}*/

h2, h3, h4 {
text-align: center;
}

.accordion-wrapper label{
color: white !important;
background: rgba(140,184,222,1) !important; 
}

#error{
min-height: 70vw;
}


figure.standard-figure {
margin: 45px auto !important;
text-align: center;
}

figure.standard-figure * {
    text-align: center; 
    margin: auto; 
}

figure.standard-figure figcaption {
    font-size: 0.9em;
    text-align: center;
    margin: auto;
    width: 60%;
}

figcaption {
margin: auto;
text-align: center;
}

.page-title {
margin: auto 0px;
margin-bottom: 25px;
}

.center {
  text-align: center;
  margin: auto;
  display: block;
}

.blog-listing .blog-date {
	font-size: 16px;
}

.blog-listing .card-date {
	text-align: left;
	font-size: 32px;
	font-family: 'Times New Roman', serif;
	margin-bottom: 12px;
	margin-top: 12px;
	text-decoration: underline dotted;

	margin: -5px 15px;
}

.blog-listing .card-image {
	/*padding: 15px;*/
}

.blog-listing .card-image img {
	display: block;
	/*border-radius: 10px;*/
}


.bricklayer-column {
  padding-right: 0px !important;
}

.bricklayer {
  column-gap: 25px;
}



#footer > p {
margin: 30px auto;
}

#footer > table {
text-align: center;
margin: auto;
}

#footer > table td,
#footer > table th {
padding: 0 35px;
text-align: left;
}

#footer > table th {
}

iframe {
border: none;
}

.table-page {
margin: 25px 5vmin !important;

}


  /* Make tables with images in the left
   * column work on mobile*/
.two-column-image-left table tr td:first-child,
.two-column-image-left table tr th:first-child {
  min-width: 45%;

}

/* Make modals appear lower */
.jqmodal {
top: 75px;
}

.pastpresidents table{
overflow-x: scroll;
}

.presidents_bio_card a{
  color: #0056b3;        /* readable link color */
  text-decoration: underline dotted; /* lighter underline */
  cursor: pointer;       /* ensure pointer cursor */
}

.gallery h3 {
text-align: center;
}

/* Apply box shadow to announcement cards */
.blog-listing .card {
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.blog-listing .card-image img {
display: block;
}

/* Make announcements on homepage three-per-line instead of two */
/* 3 columns on desktop */
.bricklayer-column-sizer {
  width: 33.333%;
}

/* 2 columns on tablets */
@media (max-width: 992px) {
  .bricklayer-column-sizer {
    width: 50%;
  }
  /* hide the third announcement so that it doesn't take up it's own row */
  .bricklayer-column:last-of-type a:last-of-type .card {
    display: none;
  }
}

/* 1 column on mobile */
@media (max-width: 576px) {
  .bricklayer-column-sizer {
    width: 100%;
  }
}



#large-title-text h1 {
font-size: 4em;
margin: auto auto;
color: white;
}

#large-title-text {
background-color: rgba(169,169,169,0.7);
padding: 18px;
}



#breadcrumbs {
justify-content: center;
padding: 0;
margin: 0 auto !important;
}


@media (max-width: 576px) {
  .container *{
    padding: 0;   /* no padding on mobile */
    margin: 0;
  }
}

/* Format the truncated biography preview on the presidents table */

.president-preview {
  display: block;               /* restore normal block behavior */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
  width: 100%;
  box-sizing: border-box;

  /* Reapply multi-line clamp using the newer standardized syntax */
  display: -webkit-box;
  -webkit-line-clamp: 8;        /* number of visible lines */
  -webkit-box-orient: vertical;

  position: relative;
}

/* fade out */
.president-preview::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.5em;
  background: linear-gradient(to bottom, transparent, white 90%);
}
.pure-table-striped tr:nth-child(2n-1) td {
  background-color: rgb(198, 220, 239);
}

.pure-table thead {
background-color: rgb(140, 184, 222);
}

@media (max-width: 1200px) {
  .wide-page .pure-u-1:has(> table) {
    overflow-x: auto;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    position: relative;
  }
}