@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,GRAD@8..144,25..151,100..1000,-200..150&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
html {
  --drupal-displace-offset-left: 0;
  --drupal-displace-offset-top: 0;
  --color-white: #fff;
  --color-gold: #9d854b;
  --color-gold-light: #d5c89cff;
  --color-dark: #3e3e3e;
  --bg-back: #f1ebdb;
  --bg-content: #fff;
  --fg-content: var(--color-dark);
  --fg-highlight: var(--color-gold);
  --fg-intro: var(--color-gold);
  --bg-nav: var(--color-dark);
  --bg-nav-hover: #666;
  --fg-nav: #ccc;
  --fg-nav-active: #fff;
  --bg-menu-panel: var(--bg-content);
  --bg-menu-panel-hover: var(--bg-content);
  --fg-menu-panel: var(--fg-content);
  --fg-menu-panel-active: var(--fg-highlight);
  --bg-top-menu: var(--bg-content);
  --bg-top-menu-hover: var(--bg-content);
  --fg-top-menu: var(--fg-content);
  --fg-top-menu-active: var(--fg-highlight);
  --bg-top-menu-panel: var(--color-dark);
  --fg-top-menu-panel: var(--color-gold-light);
  --fg-top-menu-panel-active: var(--color-white);
  --sem-nav-height: 4.4rem;
  --layout-padding: 3.2rem;
  --sem-title-size: 2.2rem;
  --sem-sidebar-width: 33.8rem;
  --sem-sidebar-gap: 8rem;
  --sem-list-gap: 3.2rem;
  --sem-list-height: 24rem;
  --sem-list-space: 1.6rem;
  --sem-list-content-gap: 1.6rem;
  --sem-list-content-padding: 1.6rem;
  --sem-list-padding: 0 3.2rem;
  --sem-list-image-padding: 0rem;
  --sem-list-image-width: 24rem;
  --sem-list-image-height: 24rem;
  --sem-list-title-size: 1.6rem;
  --sem-list-text-size: 1.6rem;
  --sem-roster-height: 12rem;
  --sem-roster-space: 1.6rem;
}
@media screen and (max-width: 533px) {
  html {
    --sem-list-space: 1.6rem;
  }
}
@media screen and (min-width: 1232px) {
  html {
    --sem-layout-width: 1200px;
    --sem-menu-width: var(--sem-layout-width);
    --sem-title-size: 4.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1231px) {
  html {
    --sem-layout-width: 938px;
    --sem-menu-width: var(--sem-layout-width);
    --sem-title-size: 3.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  html {
    --sem-sidebar-gap: 4rem;
    --sem-sidebar-width: 29.8rem;
    --sem-title-size: 3.2rem;
    --sem-layout-width: 718px;
    --sem-menu-width: var(--sem-layout-width);
  }
}
@media screen and (max-width: 767px) {
  html {
    --sem-title-size: 2.8rem;
    --sem-menu-width: 100%;
    --sem-layout-width: calc(100% - 2 * var(--sem-list-space));
  }
}
@media screen and (max-width: 320px) {
  html {
    --sem-sidebar-width: 100%;
    --sem-title-size: 2.2rem;
    --sem-layout-width: calc(100%);
  }
}

* {
  box-sizing: border-box;
}

ul {
  margin: 0;
}

html {
  font-size: 10px;
  font-family: "Roboto Flex";
  font-optical-sizing: auto;
  font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712;
}
html[data-text-large] {
  font-size: 14px;
}
html[data-contrast-on] {
  --color-white: #fff;
  --color-gold: #000;
  --color-gold-light: #fff;
  --color-dark: #000;
  --bg-back: #888;
  --bg-content: #fff;
  --bg-nav-hover: #999;
  --fg-nav: #ccc;
  --fg-nav-active: #fff;
}

body {
  background-color: var(--bg-back);
  color: var(--fg-content);
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.4em;
}

a {
  color: inherit;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.sem.system.messages {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sem.system.messages li {
  font-size: 0.8rem;
  font-weight: 300;
  background: #ddd;
  margin: 0;
  padding: 0.25em 0.5em;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.2666666667) inset;
}

.sem.internal {
  display: none;
}

body.logged-in .sem.internal {
  display: initial;
}

.sem.field.multi[data-type=image] {
  margin: 0 auto;
}
.sem.field.multi[data-type=image] > .values {
  gap: 1rem;
  display: flex;
  flex-flow: row wrap;
  justify-self: center;
}
.sem.field.multi[data-type=image] > .values > .value {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.sem.field.multi[data-type=image] > .values > .value img {
  margin: 0;
}

.sem.links .item-list > ul,
ul.sem.links {
  list-style: none;
  display: grid;
  gap: var(--sem-list-space);
  padding: 0;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}
.sem.links .item-list > ul li,
ul.sem.links li {
  background: var(--bg-content);
  padding: 0.5em 1em;
  text-align: center;
  position: relative;
}
.sem.links .item-list > ul li a,
ul.sem.links li a {
  display: block;
  height: 100%;
}

table.field-multiple-table td,
table.field-multiple-table th {
  vertical-align: top;
}

#block-dediscina-content {
  width: var(--sem-layout-width);
  margin: 0 auto;
}