@import url("https://use.typekit.net/vws6iff.css");

body.personabar-visible {
    width: calc(100% - 80px);
}

html, body, p, li, th, td, h1, h2, h3, h4, h5, .h1,.h2, .h3, .h4, .h5 {
    font-family: calibri, sans-serif;
}
h1,h2,h3,h4,h5 {
    line-height: 1.2;
    margin-bottom: 0.75rem;
}
table { margin-bottom: 1rem; }
table td { border-width: 1px; }
table td p { margin-bottom: 0; }

.btn.btn-hvgreen { color: #fff; }

.grid-button div {
    background-image: linear-gradient(#ff9900,#ff0000);
}
.grid-button-layertwo div {
    background-image: linear-gradient(#99cc00,#999900);
}
.grid-button-layerthree div {
    background-image: linear-gradient(#af4c94,#fb6cd4);
}
.personabar-visible .shadow-on-admin {
    -webkit-box-shadow: 0 0 1px 1px #4AFFED;
box-shadow: 0 0 1px 1px #4AFFED;
}
.sc-menu {
    -moz-transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
}
.personabar-visible .space-on-admin {
    padding: 30px 0;
    margin: 30px 0;
    border-top: 1px dashed #ff9900;
    border-bottom: 1px dashed #ff9900;
}


.show-on-admin { display: none;}
.personabar-visible .show-on-admin { display: block; color: #ff9900}
.personabar-visible .stripe-on-admin {
    background-image: linear-gradient(45deg, #fff2de 25%, #fffbf5 25%, #fffbf5 50%, #fff2de 50%, #fff2de 75%, #fffbf5 75%, #fffbf5 100%);
background-size: 56.57px 56.57px;
}
.mark-for-deletion { display: none; }
.personabar-visible .mark-for-deletion {
    display: flex;
    background-image: linear-gradient(45deg, #fff2de 25%, #fffbf5 25%, #fffbf5 50%, #fff2de 50%, #fff2de 75%, #fffbf5 75%, #fffbf5 100%);
background-size: 56.57px 56.57px;
}

.background-image-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.background-image-fixed {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bright-text a { color: #fff; text-decoration: underline; }
.bright-text a:hover { color: yellow; }
.bright-text li { color: #fff; }

header { position: relative; z-index: 9; }


footer p { margin-bottom: 7px; line-height: 1.1; }
footer a { text-decoration: none !important; }
footer a:hover { color: yellow; }

[alt="Ofsted GOOD"] {
    display: none;
}