@import url("https://cmsv2-shared-assets.apptegy.net/Global/Components/cms-page-plugins/custom-cms-pages.css");

#h2 div.header-container div.utility-bar.utility-bar-items a,
#h2 div.utilities-top div.utility-bar.utility-bar-items a {
  position: relative;
}
#h2 div.header-container div.utility-bar.utility-bar-items a:nth-of-type(2)::before,
#h2 div.utilities-top div.utility-bar.utility-bar-items a:nth-of-type(2)::before {
  background-image: url("data:image/svg+xml,<svg data-name='Layer 1' style='fill: white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path d='M13,18H9a.94.94,0,0,0-1,1v4a.94.94,0,0,0,1,1h4a.94.94,0,0,0,1-1V19A.94.94,0,0,0,13,18Zm-1,4H10V20h2Z'></path><path d='M26,18H22a.94.94,0,0,0-1,1v4a.94.94,0,0,0,1,1h4a.94.94,0,0,0,1-1V19A.94.94,0,0,0,26,18Zm-1,4H23V20h2Z'></path><path d='M39,18H35a.94.94,0,0,0-1,1v4a.94.94,0,0,0,1,1h4a.94.94,0,0,0,1-1V19A.94.94,0,0,0,39,18Zm-1,4H36V20h2Z'></path><path d='M13,30H9a.94.94,0,0,0-1,1v4a.94.94,0,0,0,1,1h4a.94.94,0,0,0,1-1V31A.94.94,0,0,0,13,30Zm-1,4H10V32h2Z'></path><path d='M26,30H22a.94.94,0,0,0-1,1v4a.94.94,0,0,0,1,1h4a.94.94,0,0,0,1-1V31A.94.94,0,0,0,26,30Zm-1,4H23V32h2Z'></path><path d='M39,30H35a.94.94,0,0,0-1,1v4a.94.94,0,0,0,1,1h4a.94.94,0,0,0,1-1V31A.94.94,0,0,0,39,30Zm-1,4H36V32h2Z'></path><path d='M45,6H35V1a1,1,0,0,0-2,0V6H15V1a1,1,0,0,0-2,0V6H3A3,3,0,0,0,0,9V45a3,3,0,0,0,3,3H45a3,3,0,0,0,3-3V9A3,3,0,0,0,45,6Zm1,39a.94.94,0,0,1-1,1H3a.94.94,0,0,1-1-1V9A.94.94,0,0,1,3,8H13v3a1,1,0,0,0,2,0V8H33v3a1,1,0,0,0,2,0V8H45a.94.94,0,0,1,1,1Z'></path></svg>");
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  left: -24px;
  top: 2px;
  content: " ";
}

#h2 div.header-container div.utility-bar.utility-bar-items a:nth-of-type(3)::before,
#h2 div.utilities-top div.utility-bar.utility-bar-items a:nth-of-type(3)::before {
  background-image: url("https://cmsv2-shared-assets.apptegy.net/Schools/Jefferson-County-Public-Schools-4298/incident-reporting.png");
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  top: 2px;
  left: -24px;
  content: " ";
}


/* ----------- START District KY Banner ------------ */
.global-containers .scoring-title {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}

.global-containers .student-scoring {
  display: flex !important;
  flex-direction: column;
  line-height: 1.6;
  overflow: hidden;
}

.global-containers .scoring-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
  width: 100%;
}

.global-containers .scoring-wrapper .scoring-item:not(.separator) {
  flex-basis: 50%;
  flex-grow: 1;
  flex-shrink: 0;
}

.scoring-item.separator {
  font-weight: 700;
}

.scoring-item.one {
  justify-content: flex-end !important;
}

.scoring-item.two {
  justify-content: flex-start !important;
}

.global-containers .student-scoring .scoring-item::before,
.global-containers .student-scoring .all-results:before,
.scoring-item.separator::before,
.scoring-item.separator::after {
  display: none !important;
}

.global-containers .scoring-item .scoring-item__label strong,
.global-containers .scoring-url.all-results .scoring-item__value span {
  font-weight: 700 !important;
}

.global-containers .scoring-item .scoring-item__value {
  font-weight: 400 !important;
  font-size: clamp(14px, 1vw, 16px);
}

.global-containers .student-scoring .scoring-item .scoring-item__value:not(:last-child):after {
  content: " | ";
  display: inline-block;
}

@media screen and (max-width: 960px) {
  .global-containers .scoring-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0.5em 0;
    white-space: pre;
  }

  .global-containers .scoring-wrapper.one {
    position: relative;
    padding-bottom: 0.5em;
  }

  .global-containers .scoring-wrapper.one::after {
    content: '';
    position: relative;
    width: 85%;
    border-bottom: 1px solid #eaeaea;
  }

  .scoring-item.separator {
    display: none !important;
  }

  .global-containers .scoring-wrapper .scoring-item {
    justify-content: center !important;
    flex-basis: 100%;
    min-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .scoring-item__label {
    width: 100% !important;
  }
}
/* ----------- END District KY Banner ----------- */

/* fix the buttons ADA compliant issue when layout has background color */
.pb-button .button {
    --light-button: color-mix(in srgb, var(--primary-color), #fff 94%);
    --light-button-hover: color-mix(in srgb, var(--primary-color), #fff 81%);

    &.button-theme-outline {
        background-color: #fff;
    }
}

.layout-node-container[style*="background-color: rgb(0, 57, 112)"],
.layout-node-container[style*="background-color: #003970"],
.layout-node-container[style*="background-color: rgb(200, 16, 46)"],
.layout-node-container[style*="background-color: #c8102e"] {
    --color-heading: #FFF;
    --color-link: #FFF;

    .pb-text {
        color: #FFF;
    }

    .pb-button .button {
        --dark-button: var(--color-main);
        --dark-button-hover: linear-gradient(to bottom, var(--pb-black-20) 60%, var(--color-main));

        &.button-theme-outline {
            --dark-button: #FFF;
            background-color: transparent;

            &:hover {
                background-color: #FFF;
                --dark-button: var(--primary-color);
                color: var(--dark-button);

                .title-text {
                    color: currentColor;
                }
            }
        }
    }
}
/* end */