@import "joomla_user.css";

:root {
  --blue: #4a6e8d;
  --white: #FFFFFF;
  --background: #F3F3F3;
}

.container-banner h1 {
  padding: 36px 10px;
  color: var(--white);
}

h1, h2, h3, h4 {
    color: var(--blue);
    font-weight: var(--cassiopeia-font-weight-headings,400);
}

h1 { font-size: 2.2rem; }
.banner h1 { font-size: 2.5rem; }

h2 { font-size: 1.6rem; }
h3 { font-size: 1.2rem; }

table.program, p.program {
  min-width:320px;
  max-width:100%;
  width:auto;
  margin-right:10px;
  background: #FFFCDC;
}
table.program td {
  padding: 2px 6px;
  font-size: 11pt;
}

svg:not(:root) {
    display: none;
}

img.program {
  float:right; max-width:40%; margin-bottom:10px;
}

@media only screen and (max-width: 480px) {
    .topbar {
      margin: 0;
    }
    .topbar .navbar {
      margin: 0;
    }
    img.program {
      float:right; max-width:100%; margin-bottom:10px;
    }
}

@media only screen and (min-width: 1051px) {
    .site-grid, .container-topbar {
        position: absolute;
        left: 50%;
        width: 980px;
        margin-left: -490px;
    }
    .pg-category-items-box {
      margin: 4rem 0 0 -2rem;
      padding-top: 1rem;
      clear: left;
    }

}