@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');
/* === Default === */
:root {
  --logo-bg: rgb(0,30,57) /*#001e39*/;
  --t4-body-text-align: left;
  }

/* === Overrides === */
body div.t4-content {min-height:100vh;}
#t4-main-body {margin-top:1rem;padding:0;}
.item-page.layout-default.no-sidebar .top-article-info {text-align:left;max-width:initial;}
.item-page > div.container:first-of-type {background:rgba(255,255,255,.8); border-radius:1rem; padding:2rem 1rem;}
.moduletable {border:none;}
.t4-palette-dark .t4-megamenu .nav > li.show.parent li a, .t4-palette-dark .t4-megamenu .nav > li.show.parent li.nav-item {color:var(--logo-bg);}

/* Floats */
.image-left {float:left;margin:0 1rem 1rem 0;}
.image-right {float:right;margin:0 0 1rem 1rem;}
.clearboth, .clearbreak {clear:both;}

/* === Columns === */
ul.columns {margin:0;}
ul.columns > li {width:100%;}
ul.columns.two {columns:2;}
ul.columns.three {columns:3;}
ul.columns.four {columns:4;}

/* === Striping === */

/* === Modal PopUps (OpenAI) === */
body.modal-open .modal {background:transparent; top:5%; bottom:5%; height:fit-content;}
.modal-img { max-height: 75vh; width: auto; transition: opacity 0.5s ease-in-out}
.fade-out {opacity: 0;}
.fade-in {opacity: 1;}

@media (max-width: 768px) { 
  .masonry-columns 
  {column-count: 2;}
}
@media (max-width: 576px) {
  .masonry-columns {column-count: 1;}
}