/* Variables */
:root {
    --loading-size: 60px;
    --carousel-height: 600px;
    --container-width: 100%;
    --side-padding: calc((100% - var(--container-width) / 2));
    --logo-height: 5rem;
    --net-purple: #613d81;
    --net-purple-lighter: #824ba6;
}
/* END Variables */

/* Properties */
@property --num {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
}
/* END Properties */

/* Globals */
header,
div,
span,
a.btn,
ul,
ul > li,
ul > li > a {
    font-family: 'Poppins', sans-serif;
}

p,
a,
.page-content p,
.page-content li,
.page-content a,
button.nav-link {
    font-family: 'Open Sans', sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}

a.btn,
#offcanvasMenu .offcanvas-body ul:not(.socials) > li > a {
    background-size: 210% 150%;
    background-position: 100% 0;
    transition: background 0.4s;
    color: #FFF;
}

a.btn.purple,
#offcanvasMenu .offcanvas-body ul:not(.socials) > li > a {
    background-image: linear-gradient(to left, #6a3a89, #6a3a89 50%, var(--net-purple-lighter) 50%, var(--net-purple-lighter));

}

a.btn.purplegrad {
    background-image: linear-gradient(to right, #6a3a89, #ac62dd, #6a3a89);
    border: 2px solid #6a3a89;
    color: #FFF;
}

a.btn.purple:hover,
a.btn.purplegrad:hover,
#offcanvasMenu .offcanvas-body ul:not(.socials) > li > a:hover,
a.btn.purple.selected,
a.btn.purple.selected:hover,
article:hover a.btn {
    background-position: 0 0;
    color: #FFF;
}

.text-net {
    color: var(--net-purple);
}

.subtitle {
    text-transform: uppercase;
    color: #643e83;
    font-weight: 600;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.subtitle.purple {
    background: linear-gradient(to right, #623d81, #a63ab3, #613d81);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 220% 150%;
}

.subtitle.white {
    color: #FFF;
}

img.person.round {
    border-radius: 50%;
    background: rgba(255,255,255,0.65);
    box-shadow: 0px 0px 2px 0px rgba(50,50,50,0.4);
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center;
}

li.widget {
    list-style: none;
	margin-top: 3rem;
	border: 2px solid #c1a7d9;
}

li.widget:first-of-type,
footer li.widget {
	margin-top: 0;
}

.offcanvas-body li.widget,
footer li.widget {
	border: none;
}

li.widget > .sidenav-title {
	border-bottom: 2px solid #c1a7d9;
}

li.widget_search form {
    padding: 1rem;
}
/* END Globals */

/* Cookies */
.theme_purple {
    --cc-text: #222222;
    --cc-btn-primary-bg: #613d81;
    --cc-btn-primary-text: var(--cc-bg);
    --cc-btn-primary-hover-bg: var(--net-purple-lighter);
    --cc-btn-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-btn-secondary-text: var(--cc-text);
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
}
/* END Cookies */

/* Loader */
.loader {
    position: fixed;
    display: block;
    width: 100vw;
    height: 100vh;
    background: #623d81;
    overflow: hidden;
    z-index: 1050;
    transition: opacity 0.5s ease-out, z-index 0.15s 0.55s;
}

.loading {
    position: absolute;
    display: block;
    top: calc(50vh - (var(--loading-size) / 2));
    left: calc(50vw - (var(--loading-size) / 2));
    width: var(--loading-size);
    height: var(--loading-size);
}

.loading::after {
    content: "Loading...";
    position: absolute;
    top: calc((var(--loading-size) / 2) * -1);
    left: -5px;
    font-size: 12pt;
    color: #FFF;
}

.loading svg {
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 5px;
}

body.loaded .loader {
    z-index: -10;
    opacity: 0;
}
/* END Loader */

/* Header */
.academy-top {
    background: #FFF;
    border-bottom: 2px solid var(--net-purple);
}

.academy-top i,
.academy-top a,
.academy-top a:hover {
    color: var(--net-purple);
}

.academy-top a {
    font-weight: 600;
    border-bottom: 1.5px solid rgba(97,61,129,0);
    transition: border 0.3s;
}

.academy-top a:hover {
    border-bottom: 1.5px solid var(--net-purple);
}

header {
	transform: translateY(0);
    transition: transform 0.3s, background 0.3s;
}

header > div > div:last-of-type span.h5 {
    border-left: 1px solid rgba(255,255,255,0.0);
}

header > div > div:last-of-type span {
    line-height: calc(1rem + var(--logo-height));
    margin: 0;
    transition: line-height 0.3s;
}

.header {
    background: rgba(255,255,255,0);
    color: #FFF;
    transition: color 0.3s;
}

.header-scroll {
    background: rgba(255,255,255,1);
    color: #000;
}

header.hide {
	transform: translateX(-100%);
}

header.show {
	transform: translateY(0);
}

header.margin-fix {
    margin-bottom: calc((var(--logo-height) + 1rem) * -1);
    transition: margin 0.3s;
}

header.margin-fix.header-scroll {
    margin-bottom: calc((var(--logo-height) + 3rem) * -1);
}

.logo img {
    height: var(--logo-height);
    width: auto;
    transition: height 0.3s;
}

.acadlogo img {
    height: auto;
    width: auto;
    max-height: calc(var(--logo-height) * 0.6);
    max-width: calc(var(--logo-height) * 1.8);
}

.acadlogo a {
    border-bottom: none!important;
}

.acadlogo + div a:hover,
.acadlogo + div + div a:hover {
    color: var(--net-purple);
}

.header-scroll .logo img {
    height: 3.75rem;
}

.nav > ul {
    font-size: 0;
}

.nav > ul > li {
    display: inline-block;
}

.nav > ul > li:not(:last-child) {
    margin-right: 0.5rem;
}

.nav > ul > li > a {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
    font-size: 10.5pt;
    padding: 2.5rem 0.3rem 1.5rem;
    display: inline-block;
    position: relative;
    transition: color 0.3s, padding 0.3s;
}

.nav > ul > li:hover > a {
    color: #e4c2fb;
}

.nav > ul > li.dropdown > a {
    padding: 2.5rem 1.1rem 1.5rem 0.6rem;
}

.nav > ul > li.dropdown > a::after {
    content: "\f0d7";
    position: absolute;
    right: 0.15rem;
    font-family: 'Font Awesome 6 Free', sans-serif;
    font-weight: 600;
}

.nav > ul > li.dropdown:hover .dropdown-menu {
    display: block;
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);
}

.nav > ul > li.dropdown .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 0.5rem;
    background: transparent;
    border: 0;
}

.nav > ul > li.dropdown .dropdown-menu li {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    white-space: nowrap;
}

.nav > ul > li.dropdown .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    color: var(--net-purple);
    background: #FFF;
    font-size: 10.5pt;
    font-weight: 500;
    transition: background 0.3s, color 0.3s;
}

.nav > ul > li.dropdown .dropdown-menu li:hover a {
    background: var(--net-purple);
    color: #FFF;
}

.nav > ul > li.dropdown .dropdown-menu li:first-of-type,
.nav > ul > li.dropdown .dropdown-menu li:first-of-type a {
    border-radius: 0.5rem 0.5rem 0 0;
}

.nav > ul > li.dropdown .dropdown-menu li:last-of-type,
.nav > ul > li.dropdown .dropdown-menu li:last-of-type a {
    border-radius: 0 0 0.5rem 0.5rem;
}

.hamburger {
    position: relative;
    display: block;
    width: 2rem;
    font-size: 0;
    background: transparent;
    background: linear-gradient(0deg,transparent, transparent calc(50% - 1px), #fff calc(50% - 1px), #fff calc(50% + 1px), transparent calc(50% + 1px), transparent);
}

.hamburger::before,
.hamburger::after {
    content: "";
    position: absolute;
    background: #FFF;
    right: 0;
    height: 2px;
    transition: width 0.3s;
}

.hamburger::before,
.header-scroll .hamburger::before {
    top: 2.35rem;
}

.hamburger::after,
.header-scroll .hamburger::after {
    bottom: 2.35rem;
}

.hamburger::after,
.hamburger-parent:hover .hamburger::before {
    width: 80%;
}

.hamburger::before,
.hamburger-parent:hover .hamburger::after {
    width: 120%;
}

.header-scroll .hamburger::before {
    top: 1.85rem;
}

.header-scroll .hamburger::after {
    bottom: 1.85rem;
}

.header-scroll .nav > ul > li > a {
    color: rgba(0,0,0,0.8);
    padding: 1.75rem 0.3rem;
}

.header-scroll .nav > ul > li:hover > a {
    color: var(--net-purple);
}

.header-scroll .nav > ul > li.dropdown > a {
    padding: 1.75rem 1.1rem 1.75rem 0.3rem;
}

.header-scroll > div > div:last-of-type span {
    line-height: var(--logo-height);
}

.header-scroll .hamburger {
    background: linear-gradient(0deg,transparent, transparent calc(50% - 1px), #000 calc(50% - 1px), #000 calc(50% + 1px), transparent calc(50% + 1px), transparent);
}

.header-scroll .hamburger::before, .header-scroll .hamburger::after {
    background: #000;
}

header.academy-nav {
    background: var(--net-purple);
}

header.academy-nav > div > div:last-of-type span {
    line-height: 3.5rem;
}

header.academy-nav .nav > ul > li > a {
    padding: 1.4rem 0.6rem;
    font-weight: 400;
}

header.academy-nav .nav > ul > li.dropdown > a {
    padding: 1.4rem 1.1rem 1.4rem 0.6rem;
}

header.academy-nav .nav > ul > li.dropdown .dropdown-menu li a {
    font-weight: 400;
}

header.academy-nav .hamburger::before {
    top: 1.1rem;
}

header.academy-nav .hamburger::after {
    bottom: 1.05rem;
}
/* END Header */

/* Offcanvas Desktop Menu */
.offcanvas {
    --bs-offcanvas-width: 500px;
}

.offcanvas-header {
    background: #6a3a89;
}

.offcanvas-header img {
    height: 3.5rem;
    width: auto;
}

.offcanvas-header span {
    line-height: 3.5rem;
    font-size: 22pt;
    color: #FFF;
    padding: 0 0 0 0.5rem;
    opacity: 0.75;
    transition: opacity 0.3s;
}

.offcanvas-header span:hover {
    opacity: 1;
}

.offcanvas-body p {
    line-height: 175%;
}

.offcanvas-body p a {
    color: #0e0e0e;
    text-decoration: none;
    font-weight: 600;
}

.offcanvas-body ul {
    list-style: none;
}

#offcanvasMenu .offcanvas-body ul:not(.socials) > li {
    padding: 0.5rem 0 0.5rem 0.5rem;
}

#offcanvasMenu .offcanvas-body ul:not(.socials) > li > a {
    display: block;
    padding: 0.5rem 1rem;
    font-weight: 500;
    border-radius: 0.375rem;
    line-height: 1.5;
    text-align: center;
}

.offcanvas-body input,
.offcanvas-body button {
    border: 1px solid #EEE;
    background: #FFF;
    color: #6a3a89;
    line-height: 22pt;
}

.offcanvas-body input {
    font-size: 14pt;
}

.offcanvas-body input:focus,
.offcanvas-body input:focus-within,
.offcanvas-body input:focus-visible {
    outline: none;
}

.offcanvas-body button {
    border-left: none;
    font-size: 16pt;
}

.offcanvas-body ul.socials {
    list-style: none;
    font-size: 0;
}

.offcanvas-body ul.socials li {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    font-size: 12pt;
}

.offcanvas-body ul.socials li:last-of-type {
    margin: 0;
}

.offcanvas-body ul.socials li a {
    display: block;
    color: #6a3a89;
    padding: 0.75rem 0.85rem;
    border-radius: 50%;
    border: 1px solid #EEE;
    transition: background 0.5s, color 0.5s;
}

.offcanvas-body ul.socials li a:hover {
    color: #FFF;
    background: #6a3a89;
}

.rotate-icon-hover i {
    transition: transform 0.2s;
}

.rotate-icon-hover:hover i {
    transform: rotate(90deg);
}
/* END Offcanvas Desktop Menu */

/* Offcanvas Mobile Menu */
.mobile-menu {
    list-style: none;
    font-size: 0;
    border-top: 2px solid #FFF;
}

.mobile-menu.mobile-menu-blend {
    border-top: 2px solid #7b499c;
}

.mobile-menu li {
    display: block;
    margin: 0;
    padding: 0!important;
    font-size: 12pt;
    font-weight: 600;
}

.mobile-menu li.dropdown label {
    position: relative;
}

.mobile-menu li.dropdown label::after {
    content: "\2b";
    font-family: "Font Awesome 6 Free", serif;
    position: absolute;
    right: 3rem;
    top: 0.75rem;
    color: #FFF;
}

.mobile-menu li.dropdown [id^=drop]:checked + label::after {
    content: "\f068";
}

.mobile-menu li a, .mobile-menu li.dropdown label {
    display: block;
    width: 100%;
    padding: 0.75rem 3rem;
    background: #6a3a89;
    color: #FFF;
    border-bottom: 2px solid #7b499c;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
}

.mobile-menu li:last-of-type a, .mobile-menu li:last-of-type label {
    border-bottom: 0;
}

.mobile-menu li.dropdown > a, .mobile-menu li.dropdown > input {
    display: none;
}

.mobile-menu li.dropdown [id^=drop] ~ ul {
    display: none;
}

.mobile-menu li.dropdown [id^=drop]:checked ~ ul {
    display: block;
}

.mobile-menu li.dropdown [id^=drop]:checked ~ ul li a {
    padding: 0.75rem 3rem 0.75rem 4rem;
    background: #7b499c;
    border-bottom: 2px solid #8e57b3;
}
/* END Offcanvas Mobile Menu */

/* Offcanvas Search */
.offcanvas-top {
    --bs-offcanvas-height: 100vh;
    transition: transform 0.4s ease-in-out;
}

.offcanvas-backdrop.fade.show {
    opacity: .75;
    transition: opacity 0.4s linear;
}

.searchdrop {
    background: rgba(79,39,105,0.925);
    color: #FFF;
}

.searchdrop form {
    border-bottom: 2px solid #FFF;
}

.searchdrop form input {
    background: transparent;
    color: #FFF;
    border: 0;
}

.searchdrop form input[type=submit] {
    font-family: "Font Awesome 6 Free", cursive;
    font-weight: 600;
}

.searchdrop form input::placeholder {
    color: #FFF;
    opacity: 0.6;
}

.offcanvas-body .wpforms-container {
    margin-top: 0!important;
}

.offcanvas-body .wpforms-container form {
    display: flex;
}

.offcanvas-body .wpforms-container form .wpforms-submit-container {
    width: auto;
    margin-top: 0!important;
    padding: 0!important;
}

.offcanvas-body .wpforms-container form .wpforms-field-container {
    width: 100%;
}

.offcanvas-body .wpforms-container form input[type=email] {
    border: 1px solid #EEE!important;
    background: #FFF!important;
    color: #6a3a89!important;
    line-height: 22pt!important;
    height: auto!important;
    max-width: 100%!important;
    border-radius: 0!important;
    font-size: 14pt!important;
    padding: 1rem!important;
}

.offcanvas-body .wpforms-container form input:focus {
    border: 1px solid #EEE!important;
    box-shadow: none!important;
}

.offcanvas-body .wpforms-container form button[type=submit] {
    border-radius: 0;
    font-size: 0pt;
    padding: 1rem 1.25rem;
    background: #FFF!important;
    color: var(--net-purple)!important;
    box-shadow: none;
    border: 1px solid #EEE;
    border-left: 0;
    height: auto;
    line-height: 16.5pt;
}

.offcanvas-body .wpforms-container form button[type=submit]::after {
    content: "\f178";
    font-size: 15pt;
    font-weight: 600;
    font-family: "Font Awesome 6 Free";
    position: relative;
    top: 0.25rem;
}
/* END Offcanvas Search */

/* Slider */
.carousel-item {
    min-height: var(--carousel-height);
    max-height: calc(var(--carousel-height) * 1.75);
    height: calc(100vh - 2rem);
}

.academy-top + .header + .offcanvas + .offcanvas + .offcanvas + .carousel .carousel-item {
    max-height: calc((var(--carousel-height) * 1.75) - (var(--logo-height) * 1.5));
}

.carousel-image {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 75% 0;
    animation: slider 15s ease-out;
}

.carousel-caption {
    bottom: unset!important;
    top: 50%;
    transform: translateY(-50%);
    text-align: left!important;
    width: 70%;
    max-width: calc(var(--container-width) * 0.95);
    z-index: 2;
	text-shadow: 2px 2px 2px rgba(97,61,129,0.9);
}

.carousel-caption .h1 {
    font-size: 26pt;
}

.carousel-caption p {
    width: 100%;
    max-width: calc(var(--container-width) * 0.85);
    font-size: 11.5pt;
    line-height: 1.5;
}

.shade::after {
    background: #091d3e none repeat scroll 0 0;
    background: rgb(2,0,36);
    background: linear-gradient(139deg, rgba(2,0,36,1) 0%, rgba(0,0,0) 25%, rgba(158,0,255,0) 54%);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.carousel-shapes {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.carousel-shapes .shape {
    position: absolute;
    right: -300px;
    bottom: -400px;
    height: 0;
    width: 600px;
    background: linear-gradient(-45deg, #8310ba17 58%, #631385 100%);
    z-index: 1;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    opacity: 0;
    -webkit-transition: all 1000ms ease;
    transition: height 1s ease;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.carousel-shapes .shape:first-child {
    z-index: 2;
}

.carousel-shapes .shape:nth-child(2) {
    height: 0;
    width: 2200px;
    bottom: 399px;
    right: -210px;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #643e83), color-stop(70%, rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, #6313854d 30%, rgba(0, 0, 0, 0) 70%);
    -webkit-transition-delay: 3000ms;
    transition-delay: 3000ms;
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
}

.carousel-shapes .shape:nth-child(3) {
    height: 0;
    width: 2200px;
    bottom: 400px;
    right: -84px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #643e83), color-stop(80%, rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, #6313854d 10%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-delay: 3800ms;
    transition-delay: 3800ms;
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.carousel-item.active .carousel-shapes .shape {
    height: 1000px;
    opacity: 0.7;
}

.carousel-item.active .carousel-shapes .shape:nth-child(2) {
    height: 150px;
    opacity: 1;
}

.carousel-item.active .carousel-shapes .shape:nth-child(3) {
    height: 100px;
    opacity: 1;
}

.carousel-indicators [data-bs-target] {
    width: 3.5rem!important;
    height: 0.25rem!important;
    transition: height 0.2s, transform 0.2s, opacity 0.2s;
}

.carousel-indicators .active {
    height: 0.6rem!important;
    transform: translateY(-0.35rem);
}

.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}

.academy-carousel .carousel-item {
    height: calc(100vh - 15rem);
}

.wpa-focusable.carousel-control-prev:focus,.wpa-focusable.carousel-control-next:focus,.wpa-focusable.carousel-control-prev:focus-within,.wpa-focusable.carousel-control-next:focus-within {
    outline: none;
    outline-offset: 0;
}

body.contrast .wpa-focusable.carousel-control-prev:focus, body.contrast .wpa-focusable.carousel-control-next:focus, body.contrast .wpa-focusable.carousel-control-prev:focus-within, body.contrast .wpa-focusable.carousel-control-next:focus-within {
    outline: 1px solid;
    outline-offset: 1px;
}
/* END Slider */

/* Sections */
.boxes {
    background-color: #FFF;
    background-image: url(../img/bg-swoosh.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.boxes .box,
.academies .box {
    position: relative;
    z-index: 1;
}

#boxesCarousel .owl-item > .box {
    margin-bottom: -4rem;
    overflow-y: clip;
}

.boxes .box img,
.academies .box img,
.news .box img {
    height: 12rem;
    width: 100%;
    object-fit: cover;
    object-position: top;
    position: relative;
    z-index: 1;
    border-radius: 0.75rem 0.75rem 0 0;
}

.boxes .box .box-title,
.academies .box .box-title { 
    position: relative;
    z-index: 2;
    height: 3.5rem;
    width: calc(100% - 3rem);
    background: #6a3a89;
    color: #FFF;
    transform: translate(3rem,-3.5rem);
    font-size: 12pt;
    border-radius: 0.75rem 0 0 0.75rem;
}

.boxes .box .box-title a,
.academies .box .box-title a {
    text-decoration: none;
    color: #FFF;
}

.boxes .box .box-title i {
    font-size: 13pt;
    transition: padding 0.3s ease;
}

.boxes .box .box-title:hover i {
    padding-right: 2rem;
}

.box-p,
.box-lower {
    border-radius: 0 0 0.75rem 0.75rem;
    border: 1.5px solid #EEE;
    border-top: none;
    background: #FFF;
    padding: 2rem;
    color: #666;
    font-size: 12pt;
}

.box-p {
    transform: translateY(-3.5rem);
    min-height: 10rem;
}

.box-lower span {
    color: #000;
}

.owl-item .box .news-lower a {
    min-height: 6rem;
    max-height: 6rem;
    overflow-y: clip;
}

.owl-nav {
    display: flex;
    justify-content: center;
    font-size: 18pt;
    line-height: 3rem;
    color: #FFF;
    padding: 1rem 0.5rem 1rem;
}

.owl-nav > button {
    display: inline-block;
    height: 3rem;
    width: 3rem;
    background: #613d81!important;
    border-radius: 50%;
    margin: 0 0.5rem;
	transition: background 0.3s;
}

.owl-nav > button:hover {
	background: var(--net-purple-lighter)!important;
}

.ceo {
    background: #F8F8F8;
}

.ceo-contain {
    background: url('../img/circle.png') no-repeat;
    background-size: 70% auto;
    background-position: 2.5rem 2.5rem;
}

.ceo img {
    object-fit: cover;
    object-position: bottom;
    width: 70%;
    margin: 1rem 15% 0;
    position: absolute;
    bottom: 0;
}

.ceo span.h1 {
    display: block;
    font-size: 20pt;
    font-weight: 600;
}

.ceo p {
    font-size: 12pt;
    color: #666;
    line-height: 165%;
}

.ceo-title {
    position: absolute;
    top: 0;
    left: 2rem;
    display: inline-block;
    background: #6a3a89;
    color: #FFF;
    text-align: center;
}

.ceo-title::after {
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: linear-gradient(45deg,rgba(0,0,0,0),rgba(0,0,0,0) 50%,#6a3a89 50%,#6a3a89);
    right: 2rem;
    bottom: -1rem;
    position: absolute;
}

.ceo-title span {
    display: block;
    padding: 0;
    margin: 0;
}

.ceo-title .h5 {
    font-weight: 400;
    font-size: 12pt;
}

.vision {
    background: #6a3a89;
    color: #FFF;
}

.vision p {
    font-size: 14pt;
}

.vision span {
    font-size: 12pt;
    font-weight: 700;
}

.attendance {
    border-radius: 1.5rem;
    transform: translateY(2.5rem);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}

.attendance > div:first-of-type {
    background: #FFF;
    border-radius: 1.5rem 0 0 1.5rem;
}

.attendance > div:last-of-type {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 0 1.5rem 1.5rem 0;
}

.modal-button {
    position: relative;
    z-index: 2;
    color: #FFF;
    font-size: 40pt;
    text-decoration: none;
}

.modal-button i {
    position: relative;
    color: rgba(97,61,129,1);
    margin-right: 0.75rem;
}

.modal-button i::after {
    content: "";
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background: #FFF;
    z-index: -1;
}

.modal-button span {
    font-size: 13pt;
    text-transform: uppercase;
    font-weight: 500;
}

.attendance > div:last-of-type::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(2,0,36,0.4);
    z-index: 1;
    border-radius: 0 1.5rem 1.5rem 0;
}

.attendance span.h5 {
    font-weight: 400;
    font-size: 16pt;
}

.attendance span.h1 {
    font-weight: 900;
    font-size: 54pt!important;
    color: #613d81;
}

.academies,
.page-content {
    background-color: #F8F8F8;
    background-image: url(../img/bg-circle-lines.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    background-attachment: fixed;
}

.attention-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.attention-nsc {
    background-image: url(../img/nsc.jpg);
}

.attention-ofsted {
    background-image: url(../img/ofsted.jpg);
}

.attention-academies {
    background-image: url(../img/academies.jpg);
}

.attention-nsc-overlay,
.attention-ofsted-overlay,
.attention-academies-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(69,40,83,0.6);
    z-index: -1;
}

.attention-nsc-overlay,
.attention-ofsted-overlay,
.attention-academies-overlay {
    clip-path: none;
}

.news {
    background: #f8f8f8;
}

.news .owl-stage {
    padding: 0.5rem 0;
}

.news .box {
    border-radius: 1rem;
    box-shadow: 0px 0px 0.5rem 0px rgba(0,0,0,0.05);
    position: relative;
}

.news-new::after {
    content: 'NEW';
    position: absolute;
    top: 0;
    left: 2rem;
    background: green;
    border-radius: 0 0 0.5rem 0.5rem;
    font-size: 12pt;
    color: #FFF;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    z-index: 2;
}

.news-lower {
    background: #FFF;
    border-radius: 0 0 1rem 1rem;
}

.news-lower .h5 {
    font-size: 13pt;
    font-weight: 500;
    color: #595959;
}

.news-lower .h3 {
    font-size: 18pt;
    font-weight: 600;
}

.news .box a,
.news .box .h5 {
    transition: color 0.3s;
}

.news .box:hover a,
.news .box:hover .h5 {
    color: #643e83;
}

.news-items .box-parent {
	opacity: 0;
}

.box-parent .box a.h3 {
    min-height: 5rem;
    max-height: 5rem;
    height: 5rem;
    font-size: 16pt;
	overflow-y: clip;
}

.purple-bottom {
    border-bottom: 1px solid #613d81;
}
/* END Sections */

/* Banners */
.banner {
    display: block;
    position: relative;
    width: 100%;
    height: 35vh;
    min-height: 250px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1;
}

.banner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    background-image: linear-gradient(145deg,rgba(61,35,84,0.85),rgba(61,35,84,0.65) 25%,rgba(61,35,84,0.4) 60%,rgba(25,25,25,0.1));
    z-index: 2;
    border-bottom: 0.25rem solid #613d81;
}
/* END Banners */

/* Breadcrumb */
.breadcrumb .h2 {
    text-transform: uppercase;
    font-size: 20pt;
    font-weight: 300;
    letter-spacing: 1pt;
}

.breadcrumb nav {
    --bs-breadcrumb-divider: '\f138';
    font-family: 'Poppins', sans-serif;
}

.breadcrumb nav .breadcrumb-item {
    --bs-breadcrumb-item-padding-x: 0.75rem;
    font-size: 12pt;
    line-height: 14pt;
    font-weight: 500;
    color: #888;
    margin-top: 0.5rem;
}

.breadcrumb nav .breadcrumb-item::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    line-height: 14pt;
    font-size: 10pt;
    color: var(--net-purple);
}

.breadcrumb nav .breadcrumb-item:first-of-type {
    padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb nav .breadcrumb-item:first-of-type::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    content: "\f015";
}

.breadcrumb nav .breadcrumb-item a {
    font-weight: 500!important;
    color: var(--net-purple-lighter);
    font-family: 'Poppins', sans-serif;
    border-bottom: 2px solid rgba(97,61,129,0);
    transition: color 0.3s, border 0.3s;
}

.breadcrumb nav .breadcrumb-item a:hover {
    color: var(--net-purple);
    border-bottom: 2px solid rgba(97,61,129,1);
}

.banner .breadcrumb {
    z-index: 3;
	text-shadow: 2px 2px 2px rgba(97,61,129,0.9);
}

.banner .breadcrumb .h3 {
    font-weight: 600;
    font-size: 2rem;
    text-transform: uppercase;
    color: #FFF;
}

.banner .breadcrumb nav .breadcrumb-item {
    color: #DDD;
}

.banner .breadcrumb nav .breadcrumb-item::before,
.banner .breadcrumb nav .breadcrumb-item a,
.banner .breadcrumb nav .breadcrumb-item a:hover {
    color: #FFF;
}

.banner .breadcrumb nav .breadcrumb-item a:hover {
    border-bottom: 2px solid #FFF;
}
/* END Breadcrumb */

/* Page Content */
.page-content p,
.page-content .h1,
.page-content .h2,
.page-content .h3,
.page-content .h4,
.page-content .h5,
.page-content .h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    display: block;
    margin-bottom: 1rem;
}

.page-content .post p a,
.page-content .post div a,
.page-content .post ol a,
.page-content .post ul a,
.page-content .post li a,
.page-content .post table a {
    position: relative;
    font-weight: 600;
    color: var(--net-purple-lighter);
    border-bottom: 1px dotted var(--net-purple-lighter);
    transition: border 0.3s;
    word-break: break-word;
}

.page-content .post p a:hover,
.page-content .post div a:hover,
.page-content .post ol a:hover,
.page-content .post ul a:hover,
.page-content .post li a:hover,
.page-content .post table a:hover {
    border-bottom: 1px solid var(--net-purple);
    color: var(--net-purple);
}

.page-content .post p a[target=_blank],
.page-content .post div a[target=_blank],
.page-content .post ol a[target=_blank],
.page-content .post ul a[target=_blank],
.page-content .post li a[target=_blank],
.page-content .post table a[target=_blank] {
    padding-right: 0.35rem;
}

.page-content .post p a[target=_blank]::after,
.page-content .post div a[target=_blank]::after,
.page-content .post ol a[target=_blank]::after,
.page-content .post ul a[target=_blank]::after,
.page-content .post li a[target=_blank]::after,
.page-content .post table a[target=_blank]::after {
    content: "\f08e";
    position: relative;
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 10pt;
    left: 0.25rem;
    bottom: 0;
}

.page-content {
    position: relative;
    z-index: 1;
    background-position: top;
}

.page-content::after {
    content: "";
    background: rgba(255,255,255,0.75);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.page-content > .container {
    position: relative;
    z-index: 3;
}

.page-content blockquote {
    margin: 1.5rem 2rem 1.5rem 0.5rem;
    padding: 1rem;
    border-left: 0.25rem solid var(--net-purple);
    background: rgba(255,255,255,0.65);
}

.page-content blockquote p,
.page-content blockquote h1,
.page-content blockquote h2,
.page-content blockquote h3,
.page-content blockquote h4,
.page-content blockquote h5,
.page-content blockquote h6,
.page-content blockquote span {
    font-family: 'Poppins', sans-serif;
}

.page-content blockquote p:last-child,
.page-content blockquote h1:last-child,
.page-content blockquote h2:last-child,
.page-content blockquote h3:last-child,
.page-content blockquote h4:last-child,
.page-content blockquote h5:last-child,
.page-content blockquote h6:last-child,
.page-content blockquote span:last-child {
    margin-bottom: 0;
}

.page-content table:not(.ofsted-table) {
    margin: 1rem 0 2rem;
}

.page-content table:not(.ofsted-table) th {
    background: #FFF;
    font-weight: 500;
}

.page-content table:not(.ofsted-table) tr {
    background: #f2f2f2;
}

.page-content table:not(.ofsted-table) tr:nth-of-type(even) {
    background: #FFF;
}

.page-content table:not(.ofsted-table) tr td {
    border: 1px solid #DDD;
    padding: 0.25rem 0.5rem;
}

.northern-letter > span {
    display: block;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    background: var(--net-purple);
    color: #FFF;
    border-radius: 50%;
    font-size: 20pt;
    text-align: center;
}

.northern-letter + div > span.h5::first-letter {
    font-size: 0;
    visibility: hidden;
}

.sidenav-title + div > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidenav-title + div > ul > li {
    display: block;
    margin: 0;
    padding: 0;
}

.sidenav-title + div > ul:not(.rpwe-ul) > li > a,
button.nav-link {
    display: block;
    padding: 0.75rem 1.5rem;
    color: #FFF;
    background: var(--net-purple);
    font-weight: 600;
    border-bottom: 2px solid #c1a7d9;
    transition: background 0.3s, color 0.3s, padding 0.3s;
    text-align: start;
}

.sidenav-title + div > ul:not(.rpwe-ul) > li:last-of-type > a,
button.nav-link:last-of-type {
    border-bottom: 0;
}

.sidenav-title + div > ul:not(.rpwe-ul) > li:hover > a,
button.nav-link:hover {
    background: var(--net-purple-lighter);
    padding: 0.75rem 1.25rem 0.75rem 1.75rem;
    color: #FFF;
}

.sidenav-title + div > ul > li.current_page_item > a,
button.nav-link.active {
    background: #efe5f9;
    color: var(--net-purple);
}

.sidenav-title + div > ul > li.current_page_item:hover > a,
button.nav-link.active:hover {
    background: #F8F8F8;
    color: var(--net-purple);
}

button.nav-link {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

table.ofsted-table {
    width: 100%;
}

table.ofsted-table td {
    border: 2px solid var(--net-purple);
    font-weight: 500;
    text-align: center;
    background: #FFF;
}

table.ofsted-table td.head {
    font-weight: 700;
    background: #EEE;
}

table.ofsted-table td.r1 {
    background-color: #70ad46;
}

table.ofsted-table td.r2 {
    background-color: #92d14f;
}

table.ofsted-table td.r3 {
    background-color: #f8cbac;
}

table.ofsted-table td.r4 {
    background-color: #ff679a;
}

.progress-scores {
    color: var(--net-purple);
}

.progress-scores .subject {
    display: block;
    font-size: 24pt;
    font-weight: 500;
    text-align: center;
}

.progress-scores .ratio {
    border: 0.75rem solid var(--net-purple);
    border-radius: 50%;
}

.progress-scores .num,
.progress-scores .comm {
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
}

.progress-scores .num {
    font-size: 50pt;
    font-weight: 600;
    top: 15%;
}

.progress-scores .comm {
    font-size: 11pt;
    top: 66%;
}

.person:not(.round) {
    width: 12rem;
    min-width: 12rem;
    max-width: 12rem;
    display: block;
    padding: 0 0 0.5rem;
}

.person-photo {
    height: 11rem;
    width: 11rem;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 2px solid #EEE;
    background-color: #FFF;
}

.person-name, .person-title, .person-extra {
    padding: 0.25rem 0.5rem;
    color: #FFF;
    transform: translateY(-1.5rem);
}

.person-name {
    display: block;
    background: var(--net-purple);
    font-weight: 500;
    font-size: 11pt;
}

.person-title,
.person-extra {
    display: inline-block;
    font-size: 10.5pt;
}

.person-title {
    background: var(--net-purple-lighter);
}

.person-extra {
    background: #888;
}

.trustees-link {
    font-size: 10.5pt;
    color: #56307c;
    transition: color 0.3s;
}

.trustees-link:hover {
    color: var(--net-purple);
}

.page-content img {
    max-width: 100%;
    height: auto;
}

.page-content .news-image {
    max-height: 25rem;
    width: 100%;
    object-fit: cover;
    object-position: 0% 50%;
    min-width: 50%;
}

.gallery {
    margin: auto;
}

.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
}

.gallery .gallery-caption {
    font-size: 11pt;
    margin-left: 0;
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

li.rpwe-li {
    display: table!important;
    width: 100%;
    padding: 0 1rem!important;
    border-bottom: 2px solid #c1a7d9;
    position: relative;
    background: var(--net-purple);
    transition: background 0.3s;
}

li.rpwe-li:last-of-type {
    border-bottom: 0;
}

li.rpwe-li:hover {
    background: #FFF;
}

a.rpwe-img {
    display: block;
    float: left;
    width: 100%;
    max-width: calc(70px + 1rem);
    padding: 1.5rem 1rem 0 0;
}

img.rpwe-thumb {
    float: left;
    border: 1px solid #FFF;
    margin: 0 0 2rem;
}

li.rpwe-li:hover img.rpwe-thumb {
    border: 1px solid #4a2e63;
}

.rpwe-title {
    margin-bottom: 0!important;
    font-size: 13pt;
    padding: 1.35rem 0 0;
    color: #FFF;
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.3s;
}

.rpwe-title > a {
    color: #FFF;
    transition: color 0.3s;
}

li.rpwe-li:hover .rpwe-title > a {
    color: var(--net-purple);
}

.rpwe-title > a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.rpwe-time {
    color: #CCC;
    font-size: 10.5pt;
    font-weight: 400;
    display: block;
    padding: 0.25rem 0 1.5rem;
}

li.rpwe-li:hover .rpwe-time {
	color: #333;
}

.post .h6.grey {
    color: #666;
}

.post ul.post-categories {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.post ul.post-categories > li::after {
    content: ", ";
}

.post ul.post-categories > li:last-of-type::after {
    content: "";
}

.post ul.post-categories > li {
    display: inline-block;
}

.post ul.post-categories li a {
    font-weight: 600;
    color: #a63ab3;
    border-bottom: 1px solid rgba(166,58,179,0);
    transition: color 0.3s, border 0.3s;
}

.post ul.post-categories li a:hover {
    color: var(--net-purple);
    border-bottom: 1px solid var(--net-purple);
}

.btns {
	border-bottom: 0.25rem solid var(--net-purple);
}

.btns button.btn {
    background: #FFF;
    color: var(--net-purple);
    font-size: 12pt;
    font-weight: 500;
    border-radius: 0.375rem 0.375rem 0 0;
    opacity: 0.85;
    transition: opacity 0.3s, background 0.3s, color 0.3s;
}

.btns button.btn:hover {
    opacity: 1;
}

.btns button.btn.selected {
    background: var(--net-purple);
    color: #FFF;
    opacity: 0.95;
}

.page-content .post a.btn.purple {
    color: #FFF;
}

.page-content .box-parent .box .news-lower {
    transition: background 0.3s;
}

.page-content .box-parent .box:hover .news-lower {
    background: #FDFDFD;
}

.page-content .box-parent .box a:not(.btn) {
    color: #111;
    transition: color 0.3s;
}

.page-content .box-parent .box a:not(.btn):hover {
    color: var(--net-purple);
}

.page-content .box-parent .box img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 12rem;
}

.page-content .box-parent .box.ofsted-os,
.page-content .box-parent .box.ofsted-gd {
	position: relative;
}

.page-content .box-parent .box.ofsted-os::after {
	content: "";
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	height: 60px;
	width: 60px;
	display: block;
	z-index: 2;
	background-size: contain;
	background-image: url(../img/ofsted-os.png);
}

.page-content .box-parent .box.ofsted-gd::after {
	content: "";
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	height: 60px;
	width: 60px;
	display: block;
	z-index: 2;
	background-size: contain;
	background-image: url(../img/ofsted-gd.png);
}

.page-content article {
    border-bottom: 2px solid var(--net-purple);
    padding: 1.5rem 1rem;
    position: relative;
    transition: background 0.3s, padding 0.15s;
}

.page-content article:hover {
    background: #FFF;
    padding: 1.5rem 0.5rem 1.5rem 1.5rem;
}

.page-content article:last-of-type {
	border: none;
}

.page-content article a:not(.btn),
section a {
    font-size: 16pt;
    font-weight: 500;
    color: #222;
    transition: color 0.3s;
}

table.google-drive a {
    font-weight: 500;
    color: var(--net-purple);
    border-bottom: 1px solid transparent;
    transition: border 0.3s;
    display: inline;
    margin: 0.05rem 0;
}

table.google-drive a:hover {
    border-bottom: 1px solid var(--net-purple);
}

.fancybox__container.is-compact .fancybox__slide.has-iframe .fancybox__content {
    width: 100%;
    height: 100%;
}

.has-iframe .fancybox__content {
    width: 100%!important;
    padding: 1.25em 0 0!important;
    background: none;
}

.fancybox__nav {
    display: none!important;
}

.fancybox__caption {
    padding: 0.5rem 1rem!important;
}

section a {
	font-size: 12pt;
}

.page-content article a:not(.btn):hover,
section a:hover {
	color: var(--net-purple);
}

#map iframe {
    width: 100%;
    min-height: 400px;
    max-height: 700px;
    height: 60vh;
    border-bottom: 0.25rem solid var(--net-purple);
    border-top: 0.25rem solid var(--net-purple);
    padding: 0;
    margin: 0 0 -0.5rem;
}

.alm-load-more-btn.done {
    display: none;
}

.wpc-filter-title {
    text-transform: uppercase;
    color: var(--net-purple);
    font-size: 14pt;
    font-weight: 600;
    margin-bottom: 0.5rem!important;
}

.wpc-filter-content select,
.wpc-search-field {
    margin-bottom: 0!important;
    border-radius: 0;
    padding: 0.5rem;
    color: var(--net-purple);
    font-weight: 500;
    border: 2px solid var(--net-purple);
}

.wpc-search-field::placeholder{
    color: var(--net-purple);
}

.wpc-filter-content select:focus-visible,
.wpc-search-field:focus-visible {
    outline: 0;
}

.wpc-filter-content option {
    font-weight: 500;
}

.wpc-search-icon::before {
    content: "\f002"!important;
    background-size: 0!important;
    background-repeat: unset!important;
    background-image: none!important;
    height: unset!important;
    width: unset!important;
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    color: var(--net-purple);
    margin-left: 0.125rem;
}

div.gdm-ent-folder {
    overflow: hidden!important;
}

div.gdm-ent-folder ul.gdm-folder-breadcrumbs,
div.gdm-ent-folder .gdm-folders-table thead tr th,
div.gdm-ent-folder .gdm-folders-table tbody tr td {
    display: none;
}

div.gdm-ent-folder .gdm-folders-table thead tr th:first-of-type,
div.gdm-ent-folder .gdm-folders-table tbody tr td:first-of-type {
    display: table-cell;
}

div.gdm-ent-folder .gdm-folders-table thead tr th {
    color: #222;
    font-weight: 600;
    padding: 0 0 0 1.5rem;
}

div.gdm-ent-folder .gdm-folders-table tbody tr td {
    color: var(--net-purple);
    font-weight: 500;
    line-height: 1.7;
}

div.gdm-ent-folder a {
    border-bottom: 1px solid rgba(97,61,129,0);
    transition: border 0.3s;
}

div.gdm-ent-folder a:hover {
    color: var(--net-purple);
    border-bottom: 1px solid var(--net-purple);
}

.page-content iframe {
    width: 100%;
    max-width: 750px;
}
/* END Page Content */

/* Social Media Plugin */
.social-wall {
    background: #f0ebf5;
    border-bottom: 0.1rem solid var(--net-purple);
}

.social-wall span.fs-1 {
    font-weight: 500;
    color: var(--net-purple);
    display: block;
    text-align: center;
}

.social-wall .socials {
    list-style: none!important;
}

.social-wall .socials > li {
    display: inline-block;
}

.social-wall .socials > li > a {
    color: var(--net-purple);
    opacity: 1;
    transition: opacity 0.2s;
    font-size: 18pt;
    padding: 0.5rem;
    display: inline-block;
}

.social-wall .socials > li > a:hover {
    opacity: 0.7;
}

.sbsw-item-inner {
    box-shadow: 0 0 4px var(--net-purple) !important;
    border-radius: 0.25rem !important;
}

.sbsw-item-header {
    border-radius: 0.5rem 0.5rem 0 0 !important;
    padding: 1rem 0.75rem !important;
}

.sbsw-author-name {
    font-size: 11.5pt !important;
    color: var(--net-purple);
}

.sbsw-date {
    color: #222 !important;
    padding-top: 0.3rem;
}

.sbsw-item-media:after {
    border-top: 1px solid rgba(97, 61, 129, 0.2) !important;
    border-bottom: 1px solid rgba(97, 61, 129, 0.2) !important;
}

.sbsw-item-media img {
    width: 100%;
    max-height: 15rem;
    object-fit: cover;
}

p.sbsw-content-text {
    font-size: 11pt;
}
/* END Social Media Plugin */

/* Vacancies */
/* New Vacancies Styling */
/* Desktop */
.bloctoLink {
    display: flex;
}

.bloctoLink,
.bloctoLinkMob {
    align-items: stretch;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #000;
    width: 100%;
    text-decoration: none!important;
    box-sizing: border-box;
    border-bottom: 1px solid #56307c;
    line-height: 1.5em;
    transition: background 0.3s;
}

.bloctoLink:hover,
.bloctoLink:visited,
.bloctoLink:focus, 
.bloctoLinkMob:hover,
.bloctoLinkMob:visited,
.bloctoLinkMob:focus {
    color: #000!important;
}

.bloctoLink:hover,
.bloctoLinkMob:hover,
.bloctoFeatured:hover {
    background: rgba(176,137,190,0.25)!important;
}

a.bloctoLink:last-of-type,
a.bloctoLinkMob:last-of-type {
    border-bottom: none;
}

.bloctoTitle {
    margin: 0;
    padding: 1.5rem 0 1.5rem 1rem;
    width: 65%;
    box-sizing: border-box;
    font-weight: 600;
}

.bloctoLocation {
    display: inline;
    font-weight: 400;
}

.bloctoLocation,
.bloctoLocation:hover,
.bloctoLocation:visited,
.bloctoLocation:focus,
.bloctoLocationMob,
.bloctoLocationMob:hover,
.bloctoLocationMob:visited,
.bloctoLocationMob:focus {
    color: #56307c;
}

.bloctoAddress {
    margin: 0;
    padding: 15px 15px 15px 0;
    width: 35%;
    box-sizing: border-box;
    font-weight: 400;
}

.bloctoAddress,
.bloctoAddress:hover,
.bloctoAddress:visited,
.bloctoAddress:focus,
.bloctoAddressMob,
.bloctoAddressMob:hover,
.bloctoAddressMob:visited,
.bloctoAddressMob:focus {
    color: #999;
}

.bloctoType {
    margin: 0;
    padding: 1.5rem 1rem 1.5rem 0.5rem;
    width: 35%;
    box-sizing: border-box;
    text-transform: capitalize;
    text-align: right;
    font-weight: 400;
}

.bloctoType,
.bloctoType:hover,
.bloctoType:visited,
.bloctoType:focus,
.bloctoTypeMob,
.bloctoTypeMob:hover,
.bloctoTypeMob:visited,
.bloctoTypeMob:focus {
    color: #b089be;
}

.bloctoLinkMob {
    display: none;
}

.bloctoPT,
.bloctoPT:hover,
.bloctoPT:visited,
.bloctoPT:focus {color: #F08D3C!important;}

.bloctoTemp,
.bloctoTemp:hover,
.bloctoTemp:visited,
.bloctoTemp:focus {
    color: #D93674!important;
}

.bloctoCasual,
.bloctoCasual:hover,
.bloctoCasual:visited,
.bloctoCasual:focus {
    color: #36aed9!important;
}

.bloctoFeatured {
    background: rgba(176,137,190,0.12)!important;
}
/* END Vacancies */

/* BEGIN 2026 Values */
#valuesCarousel,
#mobileValues {
  --bs-primary-rgb: 103,45,137;
  --bs-primary: #672D89;
}
#mobileValues {
  min-height: 50vh;
  max-height: 100vh;
  height: 42rem;
  background: var(--bs-primary);
  background: linear-gradient(180deg,rgba(103, 45, 137, 1) 10%, rgba(140, 134, 192, 1) 90%);
}
#valuesCarousel .carousel-item,
#mobileValues .carousel-item {
  color: #FFF;
  text-align: center;
}
#valuesCarousel .carousel-item {
  height: 500px;
  min-height: unset;
}
#valuesCarousel .value-icon,
#mobileValues .value-icon {
  background: #FFF;
  color: #672D89;
  padding: 0.5rem;
  width: 7.5rem;
  height: 7.5rem;
  margin: 0 1.25rem;
  font-size: 3.75rem;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0.3rem 0.3rem 0.3rem 0px #00000099;
  background-position: center;
  background-size: 61.8%;
  background-repeat: no-repeat;
  transition: background 0.2s, box-shadow 0.2s;
}
#valuesCarousel .value-icon:hover,
#mobileValues .value-icon:hover {
  box-shadow: 0px 0px 0px 2px #FFF, 0.3rem 0.3rem 0.3rem 0px #672D89;
  background-color: #dbd8f9;
}
#valuesCarousel .value-icon i {
  margin-top: 1.875rem;
}
#valuesCarousel .value-name,
#valuesCarousel .value-text {
  display: block;
  width: 10rem;
}
#valuesCarousel .value-name {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.25rem 0 1.1rem 0;
}
#valuesCarousel .value-text {
  font-size: 1.2rem;
}
#valuesCarousel .values-caro-first {
  background: #672D89;
  background: linear-gradient(180deg,rgba(103, 45, 137, 1) 25%, rgba(140, 134, 192, 1) 75%);
}
#valuesCarousel .values-caro-item {
  position: relative;
  background: #672D89;
  background: linear-gradient(270deg,rgba(103, 45, 137, 1), rgba(103, 45, 137, 1) 60%, rgba(140, 134, 192, 1) 87%);
}
#valuesCarousel .swoosh {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: calc(100% / 1.449) auto !important;
  background-position: right !important;
  background: url(https://www.northerneducationtrust.org/wp-content/uploads/2026/03/values-swoosh.png) no-repeat;
}
#valuesCarousel .ourvaluesfloat {
  position: absolute;
  top: 8vh;
  letter-spacing: 0.15rem;
  left: 0;
  text-transform: uppercase;
  color: #FFF;
  font-weight: bold;
  margin-top: -1rem;
}
#valuesCarousel .logo-strap {
  position: absolute;
  bottom: 5vh;
  display: block;
  color: #672D89;
  margin-top: -1rem;
}
#valuesCarousel .logo-strap span {
  display: block;
}
#valuesCarousel .logo-strap .thelogo {
  background-image: url(https://www.northerneducationtrust.org/wp-content/themes/netv2/img/logo.png);
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 0.25rem auto;
}
#valuesCarousel .logo-strap.first {
  bottom: unset;
  top: 5vh;
  color: #FFF;
}
#valuesCarousel .logo-strap .thelogo ~ span {
  font-weight: bold;
  font-family: 'Arial', sans-serif;
  font-size: 10pt;
}
#valuesCarousel .value-title,
#mobileValues .value-title {
  font-size: 1.75rem;
  font-weight: bold;
  text-transform: uppercase;
}
#valuesCarousel .value-p,
#mobileValues .value-p {
  font-size: 1.25rem;
  line-height: 120%;
}
#valuesCarousel .value-pjust,
#mobileValues .value-pjust {
  color: #672d89;
  font-size: 1.25rem;
  text-align: justify;
  text-justify: inter-word;
  line-height: 1.25;
}
#mobileValues .value-pjust p {
  margin: 0;
}
#mobileValues .carousel-indicators {
  margin: 0.5rem 0 1.5rem 0;
}
#valuesCarousel .carousel-indicators {
  margin-bottom: 1.5rem;
}
#valuesCarousel .carousel-indicators > button,
#mobileValues .carousel-indicators > button {
  position: relative;
  display: block;
  width: 2.5rem!important;
  height: 2.5rem!important;
  margin: 0 0.6rem;
  background-color: #dacbe3;
  opacity: 0.4;
  border-radius: 50%;
  border: none;
  transform: none;
  box-shadow: 0px 0px 0px 2px #460a6944, 0px 0px 0px 4px #FFFFFF44;
}
#mobileValues .carousel-indicators > button {
  width: 2rem!important;
  height: 2rem!important;
}
#valuesCarousel .carousel-indicators > button:hover,
#mobileValues .carousel-indicators > button:hover {
  opacity: 0.7;
  box-shadow: 0px 0px 0px 2px #460a69, 0px 0px 0px 4px #FFFFFF22;
}
#valuesCarousel .carousel-indicators > button.active,
#valuesCarousel .carousel-indicators > button.active:hover,
#mobileValues .carousel-indicators > button.active,
#mobileValues .carousel-indicators > button.active:hover {
  opacity: 1;
  background: #72469e;
}
#valuesCarousel .carousel-indicators > button:first-of-type,
#valuesCarousel .carousel-indicators > button:last-of-type {
  background: #cfabe500;
  color: #460a69 !important;
  font-size: 150%;
  opacity: 1 !important;
  transition: background 0.2s, box-shadow 0.2s;
  box-shadow: 0px 0px 0px 4px #FFFFFF00;
}
#valuesCarousel .carousel-indicators > button:first-of-type:hover,
#valuesCarousel .carousel-indicators > button:last-of-type:hover {
    background: #cfabe522;
    box-shadow: 0px 0px 0px 2px #672D8922, 0px 0px 0px 4px #FFFFFF22;
}
#valuesCarousel .single-icon,
#mobileValues .single-icon {
  margin: 0 0 0 -1rem;
  padding: 0 0.5rem 0 0;
  width: 4.5rem;
  height: 4.5rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
/* END 2026 Values */

/* Footer */
footer {
    background: #1d1d1d;
    color: #FFF;
}

footer .h5 {
    font-size: 16pt;
}

footer p {
    color: #fff;
    font-size: 12pt;
    line-height: 180%;
}

footer p.ourv {
    color: #ccc;
}

footer ul {
    list-style: none;
}

footer ul li a,
footer ul li a:hover {
    color: #FFF;
    text-decoration: none;
}

footer .quickl + div > ul {
    margin: 0!important;
    padding: 0!important;
}

footer .quickl + div > ul li a {
    display: inline-block;
    width: auto;
    padding: 0.5rem 0;
    transition: transform 0.5s;
}

footer .quickl + div > ul li a:hover {
    transform: translateX(0.5rem);
    color: #FFF;
}

footer .quickl + div > ul li a::before {
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    margin-right: 0.5rem;
}

footer ul.socials li,
.footer-bottom ul li {
    display: inline-block;
    margin: 0 0.6rem 0 0;
}

footer ul.social li:last-of-type {
    margin: 0;
}

footer ul.socials li a {
    border-radius: 0.5rem;
    background: rgba(255,255,255,0.06);
    padding: 0.6rem 0.7rem;
    text-align: center;
    transition: background 0.3s;
}

footer ul.socials li a:hover {
    background: #643e83;
}

footer div > a, footer div > a:hover {
    color: #FFF;
    text-decoration: none;
}

footer .tinytext {
    display: inline;
    font-size: 9pt;
}

footer .vac-form {
    margin: 0!important;
}

footer .vac-form form,
footer .vac-form form input,
footer .vac-form form button {
    display: block;
    width: 100%;
}

footer .vac-form form input[type=text],
footer .vac-form form input[type=email] {
    background: #0e0e0e;
    padding: 0.75rem;
    border-radius: 0.25rem;
    border: 1px solid #999;
    color: #999!important;
    font-weight: 300;
    max-width: unset!important;
    height: auto!important;
}

footer .vac-form form input[type=text]:focus,
footer .vac-form form input[type=email]:focus {
    border: 1px solid #FFF!important;
    box-shadow: 0 0 0 1px #FFF,0px 1px 2px rgba(0,0,0,0.15);
}

footer .vac-form form input[type=text]::placeholder,
footer .vac-form form input[type=email]::placeholder {
    color: #777!important;
    opacity: 0.7!important;
}

footer .vac-form form button {
    background: #643e83!important;
    padding: 0.75rem;
    border-radius: 0.25rem;
    border: 0;
    margin: 1rem 0 0;
    color: #FFF;
    font-size: 12pt!important;
    font-weight: 500!important;
}

footer .vac-form form button:after {
    content: "\f1d8";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    margin-left: 0.5rem;
}

footer .vac-form form div.wpforms-submit-container {
    margin: 0!important;
    padding: 0!important;
}

.footer-bottom {
    background: #1d1d1d;
    border-top: 1px solid #666;
    color: #ccc;
    font-size: 11pt;
}

.footer-bottom ul li a,
.footer-bottom span.toggle-contrast{
    color: #FFF;
    margin: 0 0.25rem 0 0;
    transition: color 0.5s
}

.footer-bottom ul li a:hover,
.footer-bottom span.toggle-contrast:hover{
    color: #8c5db3;
}
/* END Footer */

/* Various Fixes */
.loader, 
.boxes, 
.ceo, 
.vision,
.academies,
.attention-banner,
.news,
footer {
    overflow-x: clip;
    overflow-y: visible;
}

.a11y-toolbar {
    display: none;
}
/* END Various Fixed */

/* Animations */
@keyframes slider {
    from {
        transform: scale(1.1,1.1);
    }
    to {
        transform: scale(1,1);
    }
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(97, 61, 129, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(97, 61, 129, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(97, 61, 129, 0);
	}
}

@keyframes count {
    from {
        --num: 0;
    }
    to {
        --num: 22;
    }
}
/* END Animations */