:root {
  --body-font-size: 1.2rem;
  --body-line-height: 1.5;
  --body-color: #002f6c;
  
  --cassiopeia-color-primary: #002f6c;
  --cassiopeia-color-link: #002f6c;
  --cassiopeia-color-hover: #ed8b00;
  
  --cassiopeia-font-family-body: "Roboto", sans-serif;
  --cassiopeia-font-family-headings: "Monda", sans-serif; 
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Monda';
    src: url('../fonts/monda/Monda-Regular.woff2') format('woff2'),
         url('../fonts/monda/Monda-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Monda", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-weight: 700;
}
h1, .h1 {
  color: #002f6c !important;
  font-size: 67px !important;
}
h2, .h2 {
  color: #002f6c !important;
  font-size: 2.5rem !important;
}
h3, .h3 {
  color: #ed8b00 !important;
  font-size: 2rem !important;
}
h4, .h4 {
  color: #ed8b00 !important;
  font-size: 1.5rem !important;
}
h5, .h5 {
  color: #002f6c !important;
  font-size: 2rem !important;
}
h6, .h6 {
  color: #fff !important;
  font-size: 2.5rem !important;
}
/* links are blue, orange on hover */
a:not([class]),
.ebm-event-link,
.eb-event-title,
.eb-colorbox-map {
  text-decoration: none;
  color: #ed8b00;
}
a:not([class]):hover,
a:not([class]):focus,
.ebm-event-link:hover, 
.ebm-event-link:focus,
.eb-event-title:hover, 
.eb-event-title:focus,
.eb-colorbox-map:hover,
.eb-colorbox-map:focus {
  color: #002f6c !important;
}
a:hover,
a:focus {
  text-decoration: none !important;
  color: #002f6c;
}
/* nav items need to be orange */
.nav-item a:hover,
.nav-item a:focus,
.chevron a:hover,
.chevron a:focus {
  color: #ed8b00 !important;
}

.qx-btn-primary {
  background-color: #ed8b00 !important;
  border-color: #ed8b00 !important;
  border-width: 3px !important;
  color: #fff;
  font-size: 1.2rem !important;
}
.qx-btn-primary:hover,
.qx-btn-primary:focus {
  background-color: #fff !important;
  color: #ed8b00 !important;
}
.pz-link a:hover,
.pz-link a:focus {
  color: #002f6c !important;
}

.com-content-article .page-header h1 {
  display: none;
}

em {
  color: inherit !important;
}

.eb-event-main-category {
  background-color: #ed8b00 !important;
}
/* reduce gap on footer menu 2 */
.footer-menu2 a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

/* use grid for columns with multiple items as adding a new column resets the column width of all cols */
.pz-col-person .qx-elements-wrap {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  max-width: 1000px;
  margin: auto;
}
.pz-col-person .qx-elements-wrap>.qx-element-wrap {
  display: inline-grid;
}
.pz-col-person .qx-d-inline-block {
  display: initial !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pz-col-person .qx-elements-wrap {
    grid-template-columns: 50% 50%;
    max-width: 500px;
  } 
}
@media (max-width: 767px) {
  .pz-col-person .qx-elements-wrap {
    grid-template-columns: 100%;
    max-width: 250px;
  }  
}
.pz-col-focus .qx-row {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  max-width: 1200px;
  margin: auto;
}
.pz-focus-item {
  width: auto !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pz-col-focus .qx-row {
    grid-template-columns: 50% 50%;
    max-width: 600px;
  } 
}
@media (max-width: 767px) {
  .pz-col-focus .qx-row {
    grid-template-columns: 100%;
    max-width: 300px;
  }  
}

/* link underline animation */
a:not(.btn):not(.qx-btn):not(.qx-slidenav):not(.qx-nav-header):not(#back-top),
a.qx-btn-link
{
  position: relative;
  overflow: hidden;
  width: fit-content;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
a:not(.btn):not(.qx-btn):not(.qx-slidenav):not(.qx-nav-header):not(#back-top)::after,
a.qx-btn-link::after {  
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  opacity: 0;
  transition: opacity 500ms, transform 500ms;
  opacity 1;
  transform: scale(0);
  transform-origin: center;
}
a:hover:not(.btn):not(.qx-btn):not(.qx-slidenav):not(.qx-nav-header):not(#back-top)::after,
a:focus:not(.btn):not(.qx-btn):not(.qx-slidenav):not(.qx-nav-header):not(#back-top)::after,
a.qx-btn-link:hover::after, 
a.qx-btn-link:focus::after {
  opacity: 1;
  transform: scale(1);
}
a.qx-btn-link::after,
.qx-nav a::after,
.footer-menu2 a::after { 
  background-color: #ed8b00;
}

a.ebm-event-link::after,
a.eb-event-title::after,
.pz-link a::after,
.pz-blue a::after,
.link-blue a::after,
.pz-svg-hidden a::after,
.qx-accordion-content a::after,
a.eb-colorbox-map::after,
.eb-description a::after { 
  background-color: #002f6c;
}
.pz-lightblue a::after {
  background-color: #bbd4e9;
}

#back-top:hover,
#back-top:focus {
  color: #fff !important;
}
.back-to-top-link {
  position: fixed;
}