/* ==========================================================================
   Inter: a screen-first Helvetica-style typeface (SIL Open Font License)
   Font files: Website > Files > Resources > Fonts > Inter
   Replaces the whole TeX Gyre Heros block in Website > CSS.
   ========================================================================== */

@font-face {
  font-family: "Inter";
  src: url("/resources/Fonts/Inter/inter-regular.woff2") format("woff2");
  font-weight: 100 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Inter";
  src: url("/resources/Fonts/Inter/inter-italic.woff2") format("woff2");
  font-weight: 100 500;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Inter";
  src: url("/resources/Fonts/Inter/inter-bold.woff2") format("woff2");
  font-weight: 600 900;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Inter";
  src: url("/resources/Fonts/Inter/inter-bolditalic.woff2") format("woff2");
  font-weight: 600 900;
  font-style: italic;
  font-display: fallback;
}

/* 1. Everything on the page. The theme and the Colors and styles settings
      give many elements (buttons, login box, gadgets) their own Open Sans
      rule, so the font is set on every element. Icon elements (FontAwesome
      .fa / fa-*, lightbox lb-*, <i>) are skipped so their icons keep working. */
body,
body *:not(.fa):not([class*="fa-"]):not([class^="lb-"]):not([class*=" lb-"]):not(i) {
  font-family: "Inter", Helvetica, Arial, sans-serif !important;
}

/* 2. Text pasted or formatted in the content editor with a fixed font
      (e.g. "Arial, sans-serif") follows the site font instead. */
font[face] {
  font-family: inherit !important;
}

/* 3. OPTIONAL: Helvetica-style headings, menu and buttons, Inter for text.
      Needs the TeX Gyre Heros files (already uploaded) and their four
      @font-face rules from the earlier CSS. To use it, delete the two
      lines marked DELETE. */
/* DELETE
:is(h1, h2, h3, h4, h5, h6,
    .WaGadgetMenuHorizontal .menuInner ul li .item a,
    a.stylizedButton, a.loginBoxLinkButton, input[type="submit"], button):not(#x),
:is(h1, h2, h3, h4, h5, h6,
    .WaGadgetMenuHorizontal .menuInner ul li .item a,
    a.stylizedButton, a.loginBoxLinkButton, button) *:not(.fa):not([class*="fa-"]):not(#x) {
  font-family: "TeX Gyre Heros", Helvetica, Arial, sans-serif !important;
}
DELETE */

/* Site width: fluid up to 1200px, white space beyond */
.container_12 {
  width: auto !important;
  max-width: 1200px !important;
}
.container_12 > .s1_grid_12 {
  width: auto !important;
}

/* Home page banner: scales with the page width, keeps its framing */
#id_9GLrPfQ {
  height: auto !important;
  aspect-ratio: 2400 / 1021;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#id_9GLrPfQ > .gadgetStyleBody {
  height: auto !important;
}
html {
  font-size: 100%;
}

/* Inner-page blue bar: always the full width of the page column */
img[src*="blue-bar"] {
  display: block;
  width: 100%;
  height: auto;
}

/* Thin line below main menu */

.WaGadgetMenuHorizontal {
  border-bottom: 1px solid #d6d7e3;
}

/* Full-height pages: footer sits at the bottom of the window on short pages */
#mLayout {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
#mLayout > .zoneContent {
  flex: 1 0 auto;
}

a:hover { text-decoration: underline; }

p, ul, li, table, tr, td {
  font-size: 1rem;
}

div.date, div.title {
  font-size: 1rem !important;
}

h1, h2, h3, h4 { line-height: 1.25; }

h1 { font-size: 2.5rem;  line-height: 1.15; letter-spacing: -0.025em; }
h2 { font-size: 1.5rem;  line-height: 1.2;  letter-spacing: -0.015em; }
h3 { font-size: 1.25rem; letter-spacing: -0.01em; }

/* Comfortable line length for text, with right-aligned images
   pushed out to the right edge of the content area */
.zoneContent .WaGadgetContent {
  container-type: inline-size;
}
.zoneContent .WaGadgetContent :is(p, ul, ol, blockquote, h2, h3, h4) {
  max-width: 40rem;
}
.zoneContent .WaGadgetContent img:is([align="right"], [style*="float: right"]) {
  margin-right: min(0px, 40rem - 100cqw) !important;
}

/* ====== */

#idFooterPoweredByContainer {
  display: none;
}

div.zoneContent {
  padding-bottom: 40px;
}

h4.gadgetTitleH4 {
  font-size: 1.125rem !important;
  font-weight: bold;
}

/*

table.conferences {
  border-spacing: 0px;
}

table.four-societies-conferences {
  border-spacing: 0px;
}

table.workshops {
  border-spacing: 0px;
}

table.newsletters {
  border-spacing: 0px;
}

table.conferences td {
  padding: 10px;
  vertical-align: top;
}

table.presidents td {
  padding: 10px;
  vertical-align: top;
}

table.presidents tr td:nth-child(1) {
    width: 6em;
}

table.presidents tr td:nth-child(3) {
    width: 12rem;
}

table.four-societies-conferences td {
  padding: 10rpx;
  vertical-align: top;
}

table.workshops td {
  padding: 10rpx;
  vertical-align: top;
}

table.newsletters td {
  padding: 10rpx;
  vertical-align: top;
}

table.conferences tr:nth-child(odd) {
  background-color: #f2f2f2;
}

table.presidents tr:nth-child(odd) {
  background-color: #f2f2f2;
}

table.four-societies-conferences tr:nth-child(odd) {
  background-color: #f2f2f2;
}

table.workshops tr:nth-child(odd) {
  background-color: #f2f2f2;
}

table.newsletters tr:nth-child(odd) {
  background-color: #f2f2f2;
}

table.conferences tr td:nth-child(1) {
    width: 12em;
}

table.conferences tr td:nth-child(3) {
    width: 10em;
    text-align: right;
}

table.newsletters tr td:nth-child(1) {
    width: 8%;
}

table.newsletters tr td:nth-child(2) {
    width: 23%;
}

table.newsletters tr td:nth-child(3) {
    width: 23%;
}

table.newsletters tr td:nth-child(4) {
    width: 23%;
}

table.newsletters tr td:nth-child(5) {
    width: 23%;
}

*/

div.zoneFooter3 a {
  color: #ccc;
} 

div.zoneFooter3 a:hover {
  color: white;
} 

a.stylizedButton.buttonStyle003 {
  background-color: #535587;
}

a.stylizedButton.buttonStyle003:hover {
  background-color: #5E5F7B;
}

.WaGadgetUpcomingEvents ul li .title {
  text-transform: none; 
}

/* ==========================================================================
   Record tables (Annual Conference, Four Societies, Postgraduate Workshop,
   Life Membership, Newsletter). Replaces all the table.conferences,
   table.presidents, table.four-societies-conferences, table.workshops and
   table.newsletters rules.
   ========================================================================== */

:is(table.conferences, table.four-societies-conferences, table.workshops,
    table.presidents, table.newsletters) {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
:is(table.conferences, table.four-societies-conferences, table.workshops,
    table.presidents, table.newsletters) td {
  padding: 10px;
  vertical-align: top;
}
:is(table.conferences, table.four-societies-conferences, table.workshops,
    table.presidents, table.newsletters) tr:nth-child(odd) {
  background-color: #f2f2f2;
}

/* Column widths on wider screens */
table.conferences td:nth-child(1) { width: 12em; }
table.conferences td:nth-child(3) { width: 10em; text-align: right; }
table.presidents td:nth-child(1)  { width: 6em; }
table.presidents td:nth-child(3)  { width: 12rem; }
table.newsletters td:nth-child(1) { width: 8%; }
table.newsletters td:nth-child(n+2) { width: 23%; }

/* Narrow columns (phones, or any column under 640px wide):
   each row becomes a stacked block, one cell per line. */
@container (max-width: 640px) {
  :is(table.conferences, table.four-societies-conferences, table.workshops,
      table.presidents),
  :is(table.conferences, table.four-societies-conferences, table.workshops,
      table.presidents) :is(tbody, tr, td) {
    display: block;
    width: auto !important;
  }
  :is(table.conferences, table.four-societies-conferences, table.workshops,
      table.presidents) tr {
    padding: 10px 12px;
  }
  :is(table.conferences, table.four-societies-conferences, table.workshops,
      table.presidents) td {
    padding: 2px 0;
    text-align: left !important;
  }
  :is(table.conferences, table.four-societies-conferences, table.workshops,
      table.presidents) td:first-child {
    font-weight: bold;
  }
  :is(table.conferences, table.four-societies-conferences, table.workshops,
      table.presidents) td:empty {
    display: none;
  }

  /* The newsletter grid (year x issues) keeps its columns, just tighter */
  table.newsletters td { padding: 6px 4px; }
}