@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
}

h1,h2,h3,h4,h5 { font-family: "Roboto Condensed", sans-serif; }

body {
    overflow-x: hidden;
}
.logo-container {
    width: 381px;
    height: 116px;
    background-image: url('/portals/0/build/wyelogo-color.png');
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}
.page-root-name-sixthform .logo-container {
    width: 501px;
    height: 116px;
    background-image: url('/portals/0/build/wyesflogo-color.png');
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

.stellarnav.mobile, .stellarnav.mobile.fixed {
    position: sticky;
}

.fancybox__container {
    z-index: 9999 !important;
}

div.sc-content-block-list.show-placeholder:empty {
    background: rgba(47,155,242,.1);
    height: 40px !important;
}
h1,h2,h3,h4,h5 { line-height: 1; margin-bottom: 1.2rem; }
 h1 { font-size: 40pt; }
 h2 { font-size: 26pt; }
 h3 { font-size: 20pt; color: #052264; }
 h4 { font-size: 16pt; color: #052264; }
 
.fancybox__container {
    z-index: 9999 !important;
}
.wysiwyg-container {
    container: inherit !important;
}

table { margin-bottom: 30px; }
tr:nth-child(odd) td { background-color: #F5F5F5; }

th, td {
  text-align: left;
  padding: 15px;
}

td p { margin-bottom: 0; }

.show-on-admin { display: none; }
.personabar-visible .show-on-admin { display: block; color: #ff9900; font-weight: bolder; }

.personabar-visible .stripe-on-admin {
    background-image: linear-gradient(45deg, #f5e5b1 25%, #ebd796 25%, #ebd796 50%, #f5e5b1 50%, #f5e5b1 75%, #ebd796 75%, #ebd796 100%);
background-size: 56.57px 56.57px;
}

header .app-snippetinject3-edit { display: none !important; }

.box-shadow {
    border: 1px solid #ececec;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    transition: all 500ms ease-in-out;
}
.box-shadow:hover {
    -webkit-box-shadow: 0 0 16px 0px rgba(0,121,188,0.7);
    box-shadow: 0 0 16px 0px rgba(0,121,188,0.7);
}
.box-shadow-hover {
    transition: background 500ms ease-in-out;
}
.box-shadow-hover:hover {
    background: #ececec;
}

.subpage.level2 { margin-left: 15px; }
.subpage.selected { color: #ff9900 !important; }

/* BUTTONS */
.btn { padding-top: 8px; padding-bottom: 8px; }
.btn.btn-primary {
    background-image: linear-gradient(90deg,#0079bc,#052264);
}

.spacer-30 {
    height: 15px;
}
.spacer-60 {
    height: 30px;
}
@media (min-width: 768px) {
.spacer-30 {
    height: 30px;
}
.spacer-60 {
    height: 60px;
}
}

.crown-bg {
    background-image: url('/portals/0/build/crownbg.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    padding: 40px 10px;
}
header #crownhp {
    display: inline-block;
    margin-left: 6px;
}
header #kempehp {
    display: inline-block;
    margin-left: 6px;
}
header #olantighhp {
    display: inline-block;
    margin-left: 6px;
}
header #stourhp {
    display: inline-block;
    margin-left: 6px;
}
.btn { padding: 8px 38px; }
.btn:hover { text-decoration: none !important; }

.bg-primary-secondary {
    background-image: linear-gradient(90deg,#0079bc,#052264);
}


/*** HOUSES ***/
.bg-crown { background-color: #ffcc00; }
.bg-kempe { background-color: #f4313f; }
.bg-olantigh { background-color: #00b050; }
.bg-stour { background-color: #0070c0; }