/*PAGE LOADING STYLES */
.page-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s .2s ease-in-out;
  transition: all 0.4s 0.2s ease-in-out;
  background-color: #FFF;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
[data-bs-theme="dark"] .page-loading {
  background-color: #121519;
}
.page-loading.active {
  opacity: 1;
  visibility: visible;
}
.page-loading-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
.page-loading.active > .page-loading-inner {
  opacity: 1;
}
.page-loading-inner > span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  color: #6F788B;
}
[data-bs-theme="dark"] .page-loading-inner > span {
  color: #FFF;
  opacity: 0.6;
}
.page-spinner {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.75rem;
  vertical-align: text-bottom;
  background-color: #D7DDE2;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner .75s linear infinite;
  animation: spinner 0.75s linear infinite;
}
[data-bs-theme="dark"] .page-spinner {
  background-color: rgba(255, 255, 255, 0.25);
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*HEADINGS*/
h1, h2, h3 {
  font-family: 'Century Gothic';
}
h4, h5, h6 {
  font-family: 'Inter';
  font-weight: 500;
}
section.content h3 {
  margin-top: 50px;
  color: #007A78;
}
section.content h3:first-child {
  margin-top: 0px;
}
section.content h4 {
  margin-top: 30px;
  color: #007A78;
}
/*NAV*/
nav#navbarNav li.nav-item a.nav-link {
  font-family: 'Century Gothic';
  font-weight: 600;
}
/*BUTTONS*/
.btn {
  /*+border-radius: 15px !important;*/
  -moz-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -khtml-border-radius: 15px !important;
  border-radius: 15px !important;
}
.btn-teal {
  background-color: #057B79;
  color: rgba(255, 255, 255, 0.900) !important;
}
.btn-teal:hover {
  background-color: #056B69;
  border: 1px solid #044C4B;
  color: rgba(255, 255, 255, 0.900) !important;
}
.btn-blue {
  background-color: #1D4289;
  color: rgba(255, 255, 255, 0.900) !important;
  border: 1px solid #1D4289;
}
.btn-blue:hover {
  background-color: #1A3873;
  border: 1px solid #163062;
  color: rgba(255, 255, 255, 0.900);
}
.btn-cream {
  background-color: #FFFCEB;
  color: #9A8425 !important;
  border: 1px solid #F1E7BB;
}
.btn-cream:hover {
  background-color: #F9F2D2;
  border: 1px solid #F1E7BB;
  color: #9A8425;
}
.btn-sky {
  background-color: #00BFB2;
  color: rgba(0, 0, 0, 0.900) !important;
  border: 1px solid #00BFB2;
}
.btn-sky:hover {
  background-color: #02B3A7;
  border: 1px solid #047870;
  color: rgba(0, 0, 0, 0.900);
}
.btn-outline-sky {
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.900) !important;
  border: 1px solid #00BFB2;
}
.btn-outline-sky:hover {
  background-color: #02B3A7;
  color: rgba(255, 255, 255, 0.900) !important;
  border: 1px solid #02A297;
}
.btn-yellow {
  background-color: #FFC845;
  color: rgba(0, 0, 0, 0.900) !important;
  border: 1px solid #FFC845;
}
.btn-yellow:hover {
  background-color: #FCCC5B;
  border: 1px solid #F2AC09;
  color: rgba(0, 0, 0, 0.900);
}
/*BACKGROUNDS*/
.bg-white {
  background-color: #FFFFFF;
}
.bg-black {
  background-color: #000000;
}
.bg-teal {
  background-color: #057B79;
}
.bg-blue {
  background-color: #1D4289;
}
.bg-navy {
  background-color: #1B365D;
}
.bg-cream {
  background-color: #FFFCEB;
}
.bg-sky {
  background-color: #00BFB2;
}
.bg-yellow {
  background-color: #FFC845;
}
.bg-shapes-1 {
  background: url(/assets/images/bg/esol-bg-1b.svg) 0 0 / 20% repeat-y, url(/assets/images/bg/esol-bg-1d.svg) 100% 0 / 20% repeat-y;
}
@media (max-width: 1560px) {
  .bg-shapes-1 {
    background: url(/assets/images/bg/esol-bg-1b.svg) 0 0 / 16% repeat-y, url(/assets/images/bg/esol-bg-1d.svg) 100% 0 / 16% repeat-y;
  }
}
@media (max-width: 991px) {
  .bg-shapes-1 {
    background: none;
  }
}
.bg-shapes-2 {
  position: relative;
}
.bg-shapes-2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/assets/images/bg/esol-bg-1b.svg) top center / 70% repeat;
  opacity: 0.1;
  /* 25% opacity */
  z-index: -1;
  /* Put it behind the content */
}
@media (max-width: 991px) {
  .bg-shapes-2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    opacity: 0.15;
    /* 25% opacity */
    z-index: -1;
    /* Put it behind the content */
  }
}
.bg-shapes-3 {
  background: url(/assets/images/bg/esol-bg-2a.png) 0 0 / 20% repeat-y;
}
@media (max-width: 1560px) {
  .bg-shapes-3 {
    background: url(/assets/images/bg/esol-bg-2a.png) 0 0 / 12% repeat-y, 100% 0 / 12% repeat-y;
  }
}
@media (max-width: 991px) {
  .bg-shapes-3 {
    background: none;
  }
}
.bg-shapes-4 {
  position: relative;
}
.bg-shapes-4::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(/assets/images/bg/esol-bg-2a.png) top left / 30% repeat-y;
  opacity: 0.1;
  /* 25% opacity */
  z-index: -1;
  /* Put it behind the content */
}
@media (max-width: 991px) {
  .bg-shapes-4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    opacity: 0.15;
    /* 25% opacity */
    z-index: -1;
    /* Put it behind the content */
  }
}
.bg-world-1 {
  background: url(/assets/images/bg/esol-bg-tr.png);
}
@media (max-width: 1560px) {
  .bg-world-1 {
    background: url(/assets/images/bg/esol-bg-tr.png) center top / 120%;
  }
}
@media (max-width: 991px) {
  .bg-world-1 {
    background: none;
  }
}
/*COLOURS*/
.text-white {
  color: #FFFFFF !important;
}
.text-white-90 {
  color: rgba(255, 255, 255, 0.900) !important;
}
.text-black {
  color: #000000 !important;
}
.text-black-90 {
  color: rgba(0, 0, 0, 0.900) !important;
}
.text-teal {
  color: #057B79 !important;
}
.text-blue {
  color: #1D4289 !important;
}
.text-navy {
  color: #1B365D !important;
}
.text-cream {
  color: #FFFCEB !important;
}
.text-sky {
  color: #00BFB2 !important;
}
.text-yellow {
  color: #FFC845 !important;
}
.text-pink {
  color: #ED1566 !important;
}
.title-text-dark {
  color: #1D4289 !important;
}
.title-text-light {
  color: #FFFFFF !important;
}
/*OTHER*/
main.page-wrapper {
  font-size: 18px;
}
a {
  color: #007A78 !important;
  font-weight: 500;
}
header {
  /*border-bottom: 3px solid #FFC845;*/
  font-size: 19px;
}
@media (max-width: 1100px) {
  header {
    font-size: 15px;
  }
}
header.navbar nav#navbarNav ul.navbar-nav li.nav-item {
  border-right: 2px solid #FFC845;
  padding-left: 3px;
}
header.navbar nav#navbarNav ul.navbar-nav li.nav-item:last-child {
  border-right: 0px solid #FFC845 !important;
}
header.navbar nav#navbarNav ul.navbar-nav li.nav-item ul li {
  border-right: 0px solid #FFC845;
}
header.navbar nav#navbarNav.navbar-collapse.show ul.navbar-nav li.nav-item {
  border: 0px solid black;
}
header.navbar nav#navbarNav.navbar-collapse.show {
  border: 2px solid #1D4289;
  background-color: #FFFCEB;
}
header.navbar nav#navbarNav.navbar-collapse.show ul.navbar-nav li.nav-item ul {
  border: 0px solid black;
  margin-left: 15px;
}
footer {
  border-top: 3px solid #FFC845;
}
footer span.strap {
  font-size: 1.5rem;
}
footer .footer-badges img {
  display: inline !important;
  max-height: 50px;
  margin-right: 10px;
}
@media (max-width: 1100px) {
  footer span.strap {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  footer span.strap {
    font-size: 2rem;
  }
}
@media (max-width: 595px) {
  footer span.strap {
    font-size: 1rem;
  }
}
main img {
  max-width: 100%;
  height: auto;
}
a.navbar-brand img {
  max-height: 130px;
}
section#fp-hero {
  /*border-top: 3px solid rgba(198, 167, 36, 0.190);*/
}
section#fp-hero .fp-hero-right img {
  /*+border-radius: 15px;*/
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
}
section#page-content blockquote {
  margin-left: 50px;
  background-color: #FFFCEB;
  /*+border-radius: 0px;*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  border: 0px solid #007A78;
  padding: 20px;
  color: rgba(0, 0, 0, 0.900);
  font-size: 1.5rem;
  font-style: normal;
  background-image: ;
}
div.page-title {
  position: relative;
  /*margin-top: 0px !important;*/
  /*background: linear-gradient(319deg, rgba(0, 191, 178, 1) 0%, rgba(0, 122, 120, 1) 38%, rgba(27, 54, 93, 1) 100%);*/
  /*padding: 0px 30px 10px !important;*/
  color: #FFFFFF !important;
  /*border-bottom: 3px solid #FFC845;*/
}
div.page-title a {
  /*color: #007A78 !important;*/
}
div.breadcrumbs {
}
a.breadcrumb-item {
  text-decoration: none;
  display: inline !important;
  border-right: 2px solid #FCCC5B;
  margin-right: 5px;
  padding-right: 10px;
}
a.breadcrumb-item:last-child {
  text-decoration: none;
  display: inline !important;
  border-right: 0px solid #FCCC5B;
  padding-right: 6px;
}
.crumbs-text-dark {
  color: #007A78 !important;
}
.crumbs-text-light {
  color: rgba(255, 255, 255, 0.90) !important;
}
/*DIV.page-title OL.breadcrumb LI.breadcrumb-item
{
	color: rgba(255, 255, 255, 0.900);
}*/
/*DIV.page-title OL.breadcrumb LI.breadcrumb-item.active
{
	color: #FFC845;
}*/
div.card-flip-front img.img-blend-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*mix-blend-mode:luminosity;*/
  opacity: 1;
  /*+border-radius: 10px !important;*/
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}
div.card-flip-front img.img-blend-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*mix-blend-mode:luminosity;*/
  opacity: 1;
  /*+border-radius: 10px !important;*/
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}
div.card-flip-front {
  /*+border-radius: 10px !important;*/
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}
div.card-flip-back {
  border: 3px solid #FFC845;
  /*+border-radius: 10px !important;*/
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}
a.btn-scroll-top svg {
  color: #00BFB2;
}
section#mailing-list {
  background: #007A78;
  /*background: linear-gradient(153deg, rgba(29, 66, 137, 1) 32%, rgba(0, 191, 178, 1) 85%);*/
  /*+border-radius: 15px;*/
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  border: 0px solid #FFFCEB;
}
@media (max-width: 768px) {
  section#mailing-list {
    background: #007A78;
    /*background: linear-gradient(153deg, rgba(29, 66, 137, 1) 32%, rgba(0, 191, 178, 1) 85%);*/
    /*+border-radius: 15px;*/
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 0px solid #FFFCEB;
    width: 90%;
    margin-bottom: 50px !important;
  }
}
.esol-border {
  border: 2px solid #1D4289;
}
table {
  border: none;
}
/*PROJECTS*/
.project h3 {
  font-size: 36px !important;
}
.project h4 {
  font-size: 28px !important;
}
.project p {
  font-size: 20px !important;
}
.project-odd .project-left {
  background-color: #00BFB2;
  padding: 50px;
  text-align: right;
}
.project-odd .project-left h3 a {
  color: #FFFFFF !important;
}
.project-odd .project-right h4 {
  color: #1D4289 !important;
}
.project-odd .project-left .project-underline {
  border-bottom: 2px solid #FFFFFF;
  width: 25%;
  margin-bottom: 40px;
  margin-top: 30px;
}
.project-odd .project-right {
  padding: 50px;
  text-align: left;
  position: relative;
}
.project-odd .project-right p {
  max-width: 50%;
  color: rgba(0, 0, 0, 0.900);
}
.project-even .project-left {
  background-color: #FFFFFF;
  padding: 50px;
  text-align: right;
  color: ;
}
.project-even .project-left h3 a {
  color: #1D4289 !important;
}
.project-even .project-right h4 {
  color: #FFFFFF !important;
}
.project-even .project-left .project-underline {
  border-bottom: 2px solid #00BFB2;
  width: 25%;
  margin-bottom: 40px;
  margin-top: 30px;
}
.project-even .project-right {
  padding: 50px;
  text-align: left;
  background-color: #1D4289;
  color: rgba(255, 255, 255, 0.900);
}
.project-even .project-right p {
  max-width: 50%;
}
@media (max-width: 991px) {
  .project-right p {
    max-width: 90% !important;
  }
}
/*PEOPLE*/
.person {
  padding: 30px;
}
.person-header {
  /*min-height: 179px;*/
}
.person-underline {
  border-bottom: 2px solid #FFFFFF;
  width: 25%;
  margin-bottom: 30px;
  margin-top: 30px;
}
.person h3 a {
  color: #1D4289 !important;
}
.person h3 {
  color: #1D4289 !important;
}
.person h4 {
  margin-top: 0 !important;
  font-size: 20px;
}
.person p {
  color: rgba(0, 0, 0, 0.900) !important;
}
.person.person-type-14 {
  background-color: #00BFB2;
}
.person.person-type-15 {
  background-color: #007A78;
  color: #FFFFFF;
}
.person.person-type-15 p {
  color: #FFFFFF !important;
}
.person.person-type-15 h3 {
  color: #FFFFFF !important;
}
.person.person-type-15 h4 {
  color: #FFC845 !important;
}
/*PARTNERS*/
.icon-list {
  border: 2px solid #1D4289;
  /*+border-radius: 10px;*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  padding: 30px;
}
/*CLASSES*/
.class-categories {
  border: 0px solid #1D4289;
  /*+border-radius: 0px;*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  padding: 0px;
}
.class-categories .card {
  border: 0px solid #00BFB2;
  /*+border-radius: 0px;*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  background-color: inherit;
}
.class-categories .card-body {
  border: 2px solid #00BFB2;
  /*+border-radius: 10px;*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.class-categories .card-body h4 {
  margin-top: 0;
}
.class-categories .card-body h5 {
}
.class-categories .card-body ul {
  margin-left: 0 !important;
  padding-left: 20px;
}
/*STUDY RESOURCES*/
.study-resource-categories {
  border: 0px solid #1D4289;
  /*+border-radius: 0px;*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  padding: 0px;
}
.study-resource-categories .card {
  border: 0px solid #00BFB2;
  /*+border-radius: 0px;*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  background-color: inherit;
}
.study-resource-categories .card-body {
  border: 2px solid #00BFB2;
  /*+border-radius: 10px;*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.study-resource-categories .card-body h4 {
  margin-top: 0;
}
.study-resource-categories .card-body h5 {
}
.study-resource-categories .card-body ul {
  margin-left: 0 !important;
  padding-left: 20px;
}
.study-resource-underline {
  border-bottom: 2px solid #00BFB2;
  width: 25%;
  margin-bottom: 30px;
  margin-top: 30px;
}
/*TRAINING*/
.training {
  border: 2px solid #1B365D;
}
.training .col-12.training-image {
}
.training .col-12.px-5 {
  flex: 1;
  /* Allow this section to grow instead */
}
/*NETWORKS*/
.network {
  border: 2px solid #1B365D;
}
.network .col-12.network-image {
}
.network .col-12.px-5 {
  flex: 1;
  /* Allow this section to grow instead */
}
/*POLICIES*/
section#policies-content {
}
ul.policies-list-container {
  padding: 0;
}
li.policy {
  list-style: none;
  padding: 5px 10px;
  background-color: #007A78;
  display: block;
  width:fit-content;
  margin-bottom: 1rem;
}
li.policy i {
  color: #FFFFFF;
}
a.policy-link {
  color: #FFFFFF !important;
  text-decoration: none;
  padding: 10px !important;
}
/*GET INVOLVED*/
.get-involved {
  border: 2px solid #1B365D;
  text-align: center;
  align-content: center !important;
}
.get-involved .get-involved-image {
  width: 70%;
}
.get-involved .get-involved-image img {
  /*+border-radius: 100% !important;*/
  -moz-border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  -khtml-border-radius: 100% !important;
  border-radius: 100% !important;
}
.training .col-12.px-5 {
  flex: 1;
  /* Allow this section to grow instead */
}