@font-face {
  font-family: stsvg;
  src:  url('../fonts/stsvg.eot?plodre');
  src:  url('../fonts/stsvg.eot?plodre#iefix') format('embedded-opentype'),
    url('../fonts/stsvg.ttf?plodre') format('truetype'),
    url('../fonts/stsvg.woff?plodre') format('woff'),
    url('../fonts/stsvg.svg?plodre#stsvg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

body.custom-background {
    background-color: #ffffff;
}

.st-blackboard-row-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

ul.st-tick li::before {
    content: "\f00c\00a0\00a0" !important;
    color: #33cb9c !important;
}

ul.st-cross li::before {
    content: "\f00d\00a0\00a0" !important;
    color: #ff0000 !important;
}

@media only screen and (max-width: 959px) {
    #header-l {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {
    .st-blackboard-row-wrap {
        grid-template-columns: 1fr;
        gap: 0px;
    }
}