body{background-color:#fff9ec;background-image:url('../img/bg.webp');background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;overflow-wrap:break-word;}
.hero{position:absolute;top:0;width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;transition:transform 0.1s ease-out;z-index:0;}
.short-text{text-align:center;}
.flourish-credit{display:none;}
.legend a{color:var(--theme-ui-colors-secondary);}
.note{font-size:0.8em;}
.note ul{margin-top:0;}
.school-vacancy-comparison{font-size:0.9em;margin:0.6em auto;justify-items:center;align-items:center;border:2px solid var(--theme-ui-colors-secondary);display:flex;border-radius:0.4em;overflow:hidden;}
.school-vacancy-comparison span{flex:1 1 auto;text-align:center;padding:0.4em;}
.school-vacancy-comparison span:last-child{background:var(--theme-ui-colors-secondary);color:var(--theme-ui-colors-white);}
.school-vacancy-comparison span:first-child{background:#f9f9f0;}
.school-vacancy-comparison span em,.school-vacancy-comparison span b{display:block;}

.vscroller{overflow:hidden;overflow-y:auto;}
.vscroller::-webkit-scrollbar{width:6px;background-color:none;}
.vscroller::-webkit-scrollbar-track{-webkit-background-color:none;border-radius:10px;}
.vscroller::-webkit-scrollbar-thumb{border-radius:10px;background:var(--theme-ui-colors-light-grey);}
p{text-align:left;}

#bar-chart .tick text{font-weight:700;font-size:1.4em;}
.btn-group{margin:2em auto 1em auto;}

.align-center{text-align:center;}
#main-wrapper{outline:none;z-index:1000;position:relative;overflow:hidden;}
.sticky-header{position:relative;}
.cover-header{width:60%;min-height:60vh;margin:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:opacity 3s cubic-bezier(0.19, 1, 0.22, 1);transition-delay:1s;position:relative;z-index:4;opacity:0;}
.cover-header.visible{opacity:1;}
.cover-content{width:80%;margin:0 auto;text-align:center;color:#fff;}
.cover-content.align-bottom{top:80%;transform:translate(-50%,-80%);}
.cover-sub{font-size:1em;line-height:1.4;display:inline;margin-bottom:2em;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;position:relative;-webkit-animation:fadein 4s;-moz-animation:fadein 4s;animation:fadein 4s;}

.cover-headline{line-height:1.2;}
.cover-headline h1{text-shadow:0 2px 4px rgba(0,0,0,0.15);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.cover-headline h1 span,.cover-headline h1 em{display:block;}
.cover-headline h1 span{font-size:1em;margin:0.6em auto 0.4em auto;font-weight:500;-webkit-animation:fadein 4s;-moz-animation:fadein 4s;animation:fadein 4s;}
.cover-headline h1 em{font-size:2em;font-weight:900;-webkit-animation:fadein 8s;-moz-animation:fadein 8s;animation:fadein 8s;}
#program-label{padding:0.4em 0.8em;border-radius:0.3em;display:inline-block;color:var(--theme-ui-colors-white);background:var(--theme-ui-colors-main);}
#program-label:hover{background:var(--theme-ui-colors-secondary);}
.publish{font-size:0.9em;padding:1em 0;margin:1em auto 0 auto;border-top:1px solid rgba(255,255,255,0.4);}
.theme-light .publish{border-top:1px solid rgba(0,0,0,0.2);}

.intro{width:50%;margin:0 auto 2em auto;position:relative;z-index:2;display:flex;align-items:center;}
.intro-text{padding:2em;border-radius:0.4em;width:100%;font-size:1.1em;background:rgba(255,255,255,0.5);display:block;margin:auto;z-index:1000;text-align:center;box-shadow:0 0 30px 0 rgb(0 0 0 / 8%);border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--theme-ui-colors-white);}
.intro-text p{margin:0 0 1.2em 0;}
.intro-text a{border-bottom:2px solid var(--theme-ui-colors-main);color:var(--theme-ui-colors-white);}

#MapContainer{position:relative;border:0.4em solid var(--theme-ui-colors-white);background:var(--theme-ui-colors-white);border-radius:1em;overflow:hidden;width:90%;margin:2em auto;box-shadow:0 0 5em 0 rgba(0,0,0,0.08);}

.wrapper{border:0.4em solid var(--theme-ui-colors-white);background:var(--theme-ui-colors-white);border-radius:1em;width:90%;margin:0 auto 4em auto;box-shadow:0 0 5em 0 rgba(0,0,0,0.08);}
.container{width:70%;margin:auto;}

.btn-link span{width:36px;height:36px;margin-left:0.6em;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.btn-link{padding:0.1em 0.1em 0.1em 1em;border-radius:50px;margin:0.8em 0.4em;color:var(--theme-ui-colors-white);background:var(--theme-ui-colors-main);border:none!important;font-weight:500;line-height:1.2;display:inline-flex;align-items:center;display:inline-flex;}
.btn-link:last-child{background:var(--theme-ui-colors-secondary);}

.arrow-right,.arrow-left,.arrow-up,.arrow-down{display:block;width:12px;height:12px;border-top:2px solid #000;border-left:2px solid #000;visibility:visible!important;}
.arrow-right{transform:rotate(135deg);margin-left:-0.2em;}
.arrow-left{transform:rotate(-45deg);}
.arrow-down{transform:rotate(-135deg);margin-top:-0.2em;}
.arrow-up{transform:rotate(45deg);margin-top:0.3em;}

.dropdown-button{width:100%;padding-right:3em;color:var(--theme-ui-colors-black);border:2px solid var(--theme-ui-colors-secondary);display:flex;align-items:center;position:relative;}
.dropdown-content{font-size:0.8em;text-align:left;max-height:180px;font-size:0.85em;width:auto;padding:0;margin-top:6px;border-radius:0.5em;border:1px solid var(--theme-ui-colors-main);overflow-y:auto;background-color:white;position:absolute;z-index:10000;box-shadow:0 0 30px 0 rgb(0 0 0 / 8%);text-align:left;}
.dropdown-content li{padding:0.6em 0.8em;border-bottom:1px solid #ddd;}
.dropdown span{font-size:1.2em;text-align:left;}

.dropdown-button:after,.dropdown.open .dropdown-button:after{content:"";position:absolute;right:1em;z-index:11;display:block;width:10px;height:10px;border-top:2px solid #999;border-left:2px solid #999;}
.dropdown.open .dropdown-button::after{top:20px;transform:rotate(45deg);}

.dropdown.open .dropdown-button{background:var(--theme-ui-colors-secondary);color:#fff}
.dropdown-button::after{top:8px;transform:rotate(225deg);}
.dropdown.open .dropdown-button::after{top:14px;}

h1,h2,h3{line-height:1.2;}
h2{font-size:1.8em;color:var(--theme-ui-colors-main);}

#SchoolArchive,#SchoolGuide{margin:1em auto 2em auto;padding:1em;background:#fff;flex-wrap:wrap;align-items:center;justify-content:center;box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.08);border:1px solid #ebebeb;border-radius:0.5em;}
#SchoolArchive fieldset{width:80%;margin:auto;background:#f9f9f8;border:none;border-radius:0.5em;position:sticky;top:1em;display:flex;justify-content:center;padding:0;}
#SchoolGuide{padding-bottom:4em;}

#schoolDropdown{width:70%;}
#phaseDropdown{width:30%;}
#phase{margin-bottom:0.6em;font-size:0.85em;color:var(--theme-ui-colors-grey);text-align:center;}
#phase b{color:var(--theme-ui-colors-main);}
.data-disclaimer{font-size:0.8em;}

.geolocation, .geolocation .pin,.geolocation .pulse{position:absolute;}
.geolocation{right:20em;top:10em;}
.geolocation .pin{top:8em;right:2em;width:60px;height:85px;position:absolute;display:block;background-image:url('../img/marker.png');background-size:100% auto;background-position:center;background-repeat:no-repeat;transition:transform 0.1s ease-out;z-index:1;-webkit-animation:bounce .4s ease infinite alternate;animation:bounce .4s ease infinite alternate;}
.pulse{width:800px;height:800px;top:-10em;right:-20em;display:block;}
#core{fill:#e90044;-webkit-animation:pulse1 2.5s ease-in-out infinite;animation:pulse1 2.5s ease-in-out infinite;}
#radar{fill:rgba(255, 79, 129, 0.5);-webkit-animation:pulse2 2.5s ease-in-out infinite;animation:pulse2 2.5s ease-in-out infinite;}

h3.year{padding:0.4em 0;margin:0 0 0.6em 0;border-bottom:1px solid #eff2fa;font-size:1.2em;}
.legend-item{padding:0.1em 0.6em;display:flex;align-items:center;gap:4px;line-height:1.4;}
.legend-item b{font-size:1.2em;}
.legend-icon{width:12px;height:12px;display:inline-block;margin-right:0.4em;display:none;}
.legend-vacancy,.item-vacancy{border:3px solid #eff2fa;}
.legend-taken,.item-taken{background:#36d989;color:#000;}
.legend-oversub,.item-oversub{background:#fd606b;}
.item-applicant{padding:0.8em 0 0.2em 0;}
.legend-item.item-vacancy,.legend-item.item-applicant{justify-content:center;}
.legend-item.item-taken,.legend-item.item-oversub{justify-content:right;}

@media (min-width:800px) and (max-width:1280px) and (orientation:landscape){
.cover-header{width:80%;}
.cover-headline h1 em{font-size:2.2em;}
.cover-content{width:100%;}
}

@media (min-width:200px) and (max-width:900px){
body{background-size:auto 110%;}
.container{width:100%;}
#MapContainer .container{padding:0 1em;}
.cover-header,.cover-content{width:90%;}
.cover-header{height:100%;}
.cover-content.align-bottom{top:65%;}
.cover-sub{width:100%;margin:0 auto 1em auto;display:block;}
.cover-headline h1{font-size:1.2em;}
.cover-headline h1 span,.cover-headline h1 em{-webkit-animation:none;-moz-animation:none;animation:none;}
.cover-headline h1 span{font-size:0.8em;}
.cover-headline h1 em{font-size:1.6em;}
#program-label{padding:0.2em 0.8em;font-size:0.9em;}
.intro{width:90%;}
.intro-text{top:50%;padding:1em 1.2em;}
.intro .message{width:70%;padding:0.6em 1em 1.6em 1em;}
.intro h1 em,.intro h1 span{display:block;}
.intro h1 span{font-size:1.2em;}
h2{font-size:1.4em;}
.short-text{text-align:left;font-size:0.9em;}

.btn-link{margin:0.4em auto;font-size:0.85em;}
.btn-link span{width:26px;height:26px;}
.arrow-right,.arrow-left,.arrow-up,.arrow-down{width:10px;height:10px;}

#SchoolArchive,#SchoolGuide{padding:1em;width:90%;}
#SchoolArchive fieldset{width:100%;}
.dropdown{margin:0.2em;}
.dropdown span{font-size:1em;}
.dropdown-button{width:100%;}
#schoolDropdown{width:60%;}
#phaseDropdown{width:40%;}
.dropdown-button::after{top:10px;transform:rotate(225deg);}
.dropdown.open .dropdown-button::after{top:14px;}

.geolocation1{right:0em;top:0;}
.geolocation .pin{top:20em;right:-20em;width:40px;height:57px;}
.pulse{width:360px;height:360px;top:12em;right:-30em;}
}


.blink-hard{animation:blinker 1s step-end infinite;}
.blink-soft{animation:blinker 1.5s linear infinite;}
@keyframes blinker{
50%{opacity:0;}
}


@-webkit-keyframes pulse1{
0%{opacity:0;transform:scale(0);}
30%{opacity:1;transform:scale(1.5);}
60%{opacity:1;transform:scale(2);}
100%{opacity:0;transform:scale(2);}
}

@keyframes pulse1{
0%{opacity:0;transform:scale(0);}
30%{opacity:1;transform:scale(1.5);}
60%{opacity:1;transform:scale(2);}
100%{opacity:0;transform:scale(2);}
}

@-webkit-keyframes pulse2{
0%{transform:scale(1, 1);opacity:0;}
50%{opacity:1;}
100%{transform:scale(6, 6);opacity:0;}
}

@keyframes pulse2{
0%{transform:scale(1, 1);opacity:0;}
50%{opacity:1;}
100%{transform:scale(6, 6);opacity:0;}
}

@-webkit-keyframes bounce {
0%{transform:translateY(0);}
100%{transform:translateY(-10px);}
}
@keyframes bounce {
0%{transform:translateY(0);}
100%{transform:translateY(-10px);}
}

.bottomMenu{position:fixed;bottom:0;width:100%;z-index:1;transition:all 1s;}
.hide{opacity:0;left:-100%;}
.show{opacity:1;left:0;}
#stickyBottom{left:0;bottom:50%;margin:0;padding:0;position:fixed;text-align:left;transition: all .5s;z-index:1000000;}
#stickyBottom .item{width:140px;font-size:1em;display:block;background:rgba(255,255,255,0.5);line-height:1.2;color:var(--theme-ui-colors-secondary);box-shadow:0 0 30px 0 rgba(0,0,0,0.1);text-align:center;}
#stickyBottom .item a{color:var(--theme-ui-colors-secondary);display:flex;align-items:center;}
#stickyBottom .item span{height:70px;width:70px;padding:0.8em;display:flex;justify-content:center;align-items:center;word-break:break-all;transition:all 0.6s;position:absolute;background:var(--theme-ui-colors-main);color:var(--theme-ui-colors-white);}
#stickyBottom .item span.item-icon{background:var(--theme-ui-colors-secondary);}
#stickyBottom .item .arrow-left{border-color:var(--theme-ui-colors-white);}
#stickyBottom .item:hover span.item-icon{margin-left:0;}
#stickyBottom .item:hover span.item-text{margin-left:70px;}

@media screen and (min-height:320px) and (max-height:499px) and (orientation:landscape) {
#stickyBottom{display:none!important;}
}

@media screen and (min-width:768px) and (max-width:900px) and (orientation:portrait) {
}

@media only screen and (max-width:767px){
#stickyBottom{bottom:0.6em;margin:auto;left:0;transition:all 0.35s;}
#stickyBottom .item{width:auto;margin:auto;display:flex;justify-content:start;box-shadow:none;background:none;font-size:0.9em;border-top-right-radius:0.6em;}
#stickyBottom .item span{height:36px;width:auto;position:relative;padding:0.4em 0.8em;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
#stickyBottom .item span.item-text{background:#fff;color:var(--theme-ui-colors-secondary);border:1px solid var(--theme-ui-colors-main);}
}

@keyframes open{
0%{opacity:0;}
100%{opacity:1;}
}

details summary{outline:0;align-items:center;}
details[open] summary ~ *{animation:open 0.3s ease-in-out;}
details summary::-webkit-details-marker{display:none;}
details summary{width:100%;border-top:1px solid var(--theme-ui-colors-black);position:relative;cursor:pointer;list-style:none;}
details summary:after{font-size:1.4rem;content:"+";color:var(--theme-ui-colors-black);position:absolute;line-height:0;margin:auto 0.8em auto auto;right:0;transform-origin:center;transition:200ms linear;color:var(--theme-ui-colors-main);}
details[open] summary:after{transform:rotate(45deg);color:var(--theme-ui-colors-black);}


.nav-tabs-capsule,.nav-tabs{align-items:center;justify-content:center;display:flex;}
.nav-tabs-capsule{margin:0 auto 1em auto;display:block;text-align:center;}
.nav-tabs-capsule h3{margin:0.4em auto;}
.nav-tabs-capsule span{font-size:0.9em;}
.nav-tabs,.nav-tabs li{margin:0;padding:0;list-style-type:none;}
.nav-tabs{font-size:1.4em;font-weight:700;}
.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem;}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;}
.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent;}
.nav-tabs .nav-item a{color:#999;padding:0.3em 0.8em;display:block;border-bottom:2px solid transparent;}
.nav-tabs .nav-item.active2 a,.nav-tabs .nav-item a.active{color:var(--theme-ui-colors-secondary);border-bottom:2px solid var(--theme-ui-colors-main);}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0;}
.tab-content>.tab-pane{display:none;}
.tab-content>.active{display:block;}
.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem;}



.display-panel{display:flex;width:100%;padding:0;margin:0 auto;text-align:center;}
.display-md-5{width:50%;}
.display-md-10{width:100%;}
.display-full{padding:0.4em;}


@media screen and (max-width:1000px){
.display-full,.display-panel,.display-full.display-md-auto .fluid-iframe{width:100%;display:block;}
.display-md-5,.display-md-10{width:100%;}
}


@media screen and (min-width:320px) and (max-width:767px){
.nav-tabs{font-size:1em;}
.nav-tabs .nav-item{flex:1;}
.nav-tabs .nav-item a{padding:0.3em;}
}