@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap");
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block;
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

#langDropdown {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.language-switch .dropdown-menu {
  border-radius: 0;
}
.language-switch .dropdown-menu ul.links a {
  color: #1B1F23;
  text-decoration: none;
  margin-left: 1rem;
  font-family: Montserrat, serif;
}
.language-switch .dropdown-menu ul.links a.is-active {
  font-weight: 600;
  color: #052476;
}
.language-switch .dropdown-menu ul {
  list-style-type: none;
  padding: 0.5rem;
}
.language-switch .dropdown-menu li {
  padding: 0.8rem 0 0.4rem 0;
  border-bottom: 1px solid rgba(210, 210, 210, 0.4);
}

.language-switch.mobile {
  display: none;
}

:root {
  --main-White: #FEFEFE;
}

.site-footer .footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.site-footer .footer-top .footer-col--wide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
.site-footer .footer-top .footer-col--narrow {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
@media (max-width: 991.98px) {
  .site-footer .footer-top .footer-col--wide,
  .site-footer .footer-top .footer-col--narrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.site-footer {
  background: #0A2978;
  color: var(--main-White, #FEFEFE);
  padding: 60px 0 0 0;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  margin-top: 2.5rem;
}
.site-footer .container {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (max-width: 600px) {
  .site-footer {
    margin-top: 32px;
  }
}
.site-footer .footer-top {
  margin: 0 auto;
  padding-bottom: 38px;
  max-width: 1870px;
}
.site-footer .footer-top .row {
  margin-right: 0;
  margin-left: 0;
}
.site-footer .footer-top .col-md-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 0;
  padding: 0 30px;
}
.site-footer .footer-top h2, .site-footer .footer-top h5, .site-footer .footer-top p, .site-footer .footer-top li, .site-footer .footer-top a, .site-footer .footer-top .nav-link, .site-footer .footer-top .field__label, .site-footer .footer-top span, .site-footer .footer-top div, .site-footer .footer-top .footer-title {
  color: var(--main-White, #FEFEFE);
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.03125rem;
  margin-top: 0;
  margin-bottom: 0.75em;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.site-footer .footer-top .region-footer-first p,
.site-footer .footer-top .region-footer-first .field--name-body,
.site-footer .footer-top .region-footer-fourth p,
.site-footer .footer-top .region-footer-fourth .field--name-body {
  color: var(--main-White, #FEFEFE);
  font-size: 1rem;
  font-weight: 400;
  line-height: 160.6%;
  letter-spacing: 0.03125rem;
  margin-bottom: 13px;
  margin-top: 0;
}
.site-footer .footer-top h2,
.site-footer .footer-top h5,
.site-footer .footer-top .footer-title {
  font-weight: 600;
  margin-bottom: 18px;
  font-size: 1rem;
  line-height: 1.2;
}
.site-footer .footer-top .nav,
.site-footer .footer-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.site-footer .footer-top .nav-link,
.site-footer .footer-top a {
  font-weight: 400;
  color: var(--main-White, #FEFEFE);
  margin-bottom: 8px;
  font-size: 1rem;
  text-decoration: none;
}
.site-footer .footer-top .nav-link:hover,
.site-footer .footer-top a:hover {
  text-decoration: underline;
  color: #d4e2ff;
}
.site-footer .footer-top .field__label {
  font-weight: 600;
  color: var(--main-White, #FEFEFE);
  font-size: 1rem;
  margin-bottom: 8px;
  letter-spacing: 0.03125rem;
}
.site-footer .footer-bottom {
  border-top: 2px solid #D47A1B;
  margin-top: 38px;
  padding: 18px 0 12px 0;
  max-width: 1870px;
  margin-left: auto;
  margin-right: auto;
}
.site-footer .footer-bottom p, .site-footer .footer-bottom span, .site-footer .footer-bottom div {
  margin-bottom: 0;
  color: var(--main-White, #FEFEFE);
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.03125rem;
}

.site-footer .footer-top [data-block=footer_second] {
  margin-top: 0;
  padding-left: 0;
  list-style: none;
}
.site-footer .footer-top [data-block=footer_second] .nav-item {
  margin-bottom: 0;
}
.site-footer .footer-top [data-block=footer_second] .nav-item:first-child .nav-link {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: var(--main-White, #FEFEFE) !important;
  font-size: 1rem;
  line-height: 125%;
  letter-spacing: 0.03125rem;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.site-footer .footer-top [data-block=footer_second] .nav-item:not(:first-child) .nav-link {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: var(--main-White, #FEFEFE) !important;
  font-size: 1rem;
  line-height: 125%;
  letter-spacing: 0.03125rem;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.site-footer .footer-top nav[role=navigation] h5,
.site-footer .footer-top .block-menu h5 {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: var(--main-White, #FEFEFE);
  font-size: 1rem;
  line-height: 1.1;
  margin-bottom: 10px;
  margin-top: 0;
}

#block-atscale-resource-hub-theme-socialmedia {
  padding-top: 30px;
}

.footer-social-link {
  display: inline-block;
  text-decoration: none;
  padding-left: 10px;
}

.footer-social-link:hover .social-icon-circle {
  border-color: #a6bee9;
}

.social-icon-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #e7effc;
  border: 2.5px solid #d4e2ff;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.social-icon-circle img {
  max-width: 22px;
  max-height: 22px;
  border-radius: 0;
  background: none;
  margin: 0;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

.contact-item {
  position: relative;
  padding-left: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-item--email a {
  padding-top: 8px;
}
.contact-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.contact-item--location::before {
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/ep_location.svg");
}
.contact-item--email::before {
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/ic_outline-email.svg");
}
.contact-item--phone::before {
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/ic_outline-phone.svg");
}

@media (max-width: 991.98px) {
  .footer-top .col-md-3 {
    margin-bottom: 36px;
    padding: 0 15px;
  }
  .footer-top .footer-top {
    max-width: 100%;
  }
}
header[role=banner] {
  background-color: #002b7f;
  color: #ffffff;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  position: sticky;
  top: 0;
  z-index: 1100;
  padding: 1rem 0;
}
header[role=banner] .header-inner {
  max-width: 90rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
}

.region-header {
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.region-header .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  width: 20rem;
}
.region-header .navbar-brand .site-logo img {
  height: 2rem;
  width: auto;
}
.region-header .navbar-brand .site-title {
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  color: #ffffff;
  text-transform: none;
}
.region-header .navbar-brand .site-title:hover {
  color: #ffffff;
}
.region-header nav.navigation {
  margin-left: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.region-header nav.navigation ul.navbar-nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  gap: 1.2rem;
  margin: 0;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.region-header nav.navigation ul.navbar-nav .nav-item .nav-link {
  font-family: Montserrat, sans-serif;
  position: relative;
  white-space: nowrap;
  color: #ffffff;
  text-decoration: none;
  font-size: 1rem;
  padding: 0.75rem 0;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.region-header nav.navigation ul.navbar-nav .nav-item .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #D47A1B;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.region-header nav.navigation ul.navbar-nav .nav-item .nav-link:hover {
  color: #FF9320;
}
.region-header nav.navigation ul.navbar-nav .nav-item .nav-link.is-active::after, .region-header nav.navigation ul.navbar-nav .nav-item .nav-link .active::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.region-header .navbar {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.region-header .navbar .submit-button {
  display: none;
}
.region-header .navbar .navbar-nav {
  margin-left: auto;
}

.submit-button,
.language-switch {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

.submit-button {
  font-family: Montserrat, sans-serif;
  border-radius: 10px; /* Rounded corners */
  padding: 10px 20px; /* Padding for size */
  position: relative; /* For the shine effect */
  overflow: hidden; /* Hide overflow */
  cursor: pointer; /* Pointer cursor on hover */
  display: inline-block; /* Ensure proper layout */
  text-decoration: none; /* Remove default link underline */
  border: 2px solid #ffffff;
}
.submit-button:hover {
  border: 0;
}
.submit-button::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  background: rgba(210, 210, 210, 0.8); /* Grey circle */
  border-radius: 100%;
  z-index: 1; /* Below the text */
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease; /* Add transition for background-color */
}
.submit-button:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #FF9320; /* Orange fill */
  border-radius: 10px;
}
.submit-button span {
  font-size: 16px; /* Font size */
  color: white; /* White text */
  position: relative; /* Ensure text is above */
  z-index: 2; /* Text above the pseudo-element */
}

.language-switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  padding-left: 2rem;
}
.language-switch .language-arrow {
  font-size: 0.4rem;
  line-height: 1;
  margin-left: 0.25rem;
  display: inline-block;
  -webkit-transform: scaleX(1.5);
  transform: scaleX(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

@media (max-width: 991.98px) {
  .offcanvas.offcanvas-end {
    width: 15rem !important;
    top: 5rem !important;
  }
  .user-logged-in .offcanvas.offcanvas-end {
    top: 7.5rem !important;
  }
  header[role=banner] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  header[role=banner] .header-inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .navbar-toggler {
    color: #ffffff !important;
    margin-left: auto !important;
    border: 1px solid #ffffff !important;
    font-size: 1rem !important;
    border-radius: 0.2rem !important;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .language-switch {
    display: none;
  }
  .language-switch.mobile {
    display: block;
    padding-left: 0;
    padding-top: 0.2rem;
  }
  .language-switch.mobile li {
    display: block;
  }
  .language-switch.mobile li a {
    padding: 0;
  }
  .navbar .submit-button {
    background: #052476;
    display: block !important;
    border: none;
    padding: 0.35rem 0.625rem 0.625rem;
    margin: auto auto auto -0.5rem !important;
  }
  .navbar .submit-button span {
    font-size: 0.7rem;
  }
  .region-header {
    display: contents;
  }
  .region-header nav.navigation {
    margin: 0;
  }
  .region-header nav.navigation .btn-close-white {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    margin-right: 1rem;
    padding-left: 3rem;
    padding-bottom: 1rem;
  }
  .region-header nav.navigation .btn-close {
    background: transparent url("/themes/custom/atscale_resource_hub_theme/icons/close-red.svg") center/1em auto no-repeat;
  }
  .region-header nav.navigation .offcanvas-body {
    padding-top: 0;
  }
  .region-header nav.navigation ul.navbar-nav {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    gap: 0;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-align: start;
  }
  .region-header nav.navigation ul.navbar-nav .nav-item {
    border-bottom: 1px solid rgba(210, 210, 210, 0.4);
    width: 100%;
  }
  .region-header nav.navigation ul.navbar-nav .nav-item .nav-link {
    font-size: 1rem !important;
    color: #1B1F23;
  }
  .region-header nav.navigation ul.navbar-nav .nav-item .nav-link::after {
    background: none;
  }
  .region-header nav.navigation ul.navbar-nav .nav-item .nav-link.is-active {
    color: #052476;
    font-weight: 600;
  }
  .region-header .navbar-brand {
    width: 17rem;
  }
  .region-header .navbar-brand .site-title {
    font-size: 0.9rem;
  }
}
@media (max-width: 1420px) {
  .submit-button {
    margin-left: 0.5rem;
  }
}
@media (max-width: 1300px) {
  .submit-button span {
    font-size: 1rem;
  }
  .region-header .navbar-brand {
    width: 12rem;
    margin-right: 2rem;
  }
  .region-header .navbar-brand .site-title {
    font-size: 0.7rem;
  }
  .region-header nav.navigation ul.navbar-nav {
    gap: 0.6rem;
  }
  .region-header nav.navigation ul.navbar-nav .nav-item .nav-link {
    font-size: 1rem;
  }
}
@media (max-width: 1070px) {
  .submit-button span {
    font-size: 0.85rem;
  }
  .region-header .navbar-brand {
    width: 12rem;
    margin-right: 2rem;
  }
  .region-header .navbar-brand .site-title {
    font-size: 0.7rem;
  }
  .region-header nav.navigation ul.navbar-nav {
    gap: 0.6rem;
  }
  .region-header nav.navigation ul.navbar-nav .nav-item .nav-link {
    font-size: 0.85rem;
  }
}
.block-views-exposed-filter-blockresource-block-1 form {
  max-width: 90rem;
  margin: 0 auto;
}
.block-views-exposed-filter-blockresource-block-1 form label.option::first-letter {
  text-transform: uppercase;
}
.block-views-exposed-filter-blockresource-block-1 .form-submit {
  background-color: #052476;
  border: none;
  border-radius: 0.625rem;
  padding: 0.8125rem 1.875rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  color: white;
}
.block-views-exposed-filter-blockresource-block-1 .form-submit .span {
  font-size: 1rem;
  position: relative;
  z-index: 2;
  color: white;
}
.block-views-exposed-filter-blockresource-block-1 .form-submit:before {
  content: "";
  position: absolute;
  top: -1.875rem;
  right: -1.875rem;
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(210, 210, 210, 0.8);
  border-radius: 100%;
  z-index: 1;
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
}
.block-views-exposed-filter-blockresource-block-1 .form-submit:hover {
  color: white !important;
  position: relative;
  z-index: 2;
}
.block-views-exposed-filter-blockresource-block-1 .form-submit:hover span {
  color: white !important;
  position: relative;
  z-index: 2;
}
.block-views-exposed-filter-blockresource-block-1 .form-submit:hover:before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #FF9320;
  border-radius: 10px;
}

.views-exposed-form.bef-exposed-form {
  background-color: #E3E6F0;
  padding: 1.3rem;
  position: sticky;
  top: 5.3625rem;
  z-index: 1000;
}
.views-exposed-form.bef-exposed-form .clearfix::after {
  display: none;
}
.views-exposed-form.bef-exposed-form .form--inline {
  background-color: #7a87ac;
  border-radius: 2rem;
  padding: 0.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "Montserrat", sans-serif !important;
}

.views-exposed-form .form--inline details.form-wrapper.card {
  min-width: 10rem;
}

.views-exposed-form .form--inline details.form-wrapper.card .details-wrapper {
  width: auto !important;
  min-width: 10rem;
}

.views-exposed-form .form--inline details.form-wrapper.card .details-wrapper .form-checkboxes .js-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.path-frontpage .views-exposed-form .form--inline .js-form-item-search-api-fulltext::before {
  top: 40%;
}

.views-exposed-form .form--inline .js-form-item-combine,
.views-exposed-form .form--inline .js-form-item-search-api-fulltext {
  position: relative;
  min-width: 15rem;
}
.views-exposed-form .form--inline .js-form-item-combine::before,
.views-exposed-form .form--inline .js-form-item-search-api-fulltext::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 52%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.3rem;
  height: 1.3rem;
  background: url("/themes/custom/atscale_resource_hub_theme/icons/search-icon.svg") no-repeat center center;
  background-size: 1.1rem 1.1rem;
  pointer-events: none;
}
.views-exposed-form .form--inline .js-form-item-combine input.form-control,
.views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control {
  max-width: 20rem;
  border: none;
  border-radius: 0.75rem;
  padding: 0.75rem 3rem 0.75rem 2.5rem;
  font-size: 1rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.views-exposed-form .form--inline .js-form-item-combine input.form-control::-webkit-input-placeholder, .views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control::-webkit-input-placeholder {
  color: #6b7280;
}
.views-exposed-form .form--inline .js-form-item-combine input.form-control::-moz-placeholder, .views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control::-moz-placeholder {
  color: #6b7280;
}
.views-exposed-form .form--inline .js-form-item-combine input.form-control:-ms-input-placeholder, .views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control:-ms-input-placeholder {
  color: #6b7280;
}
.views-exposed-form .form--inline .js-form-item-combine input.form-control::-ms-input-placeholder, .views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control::-ms-input-placeholder {
  color: #6b7280;
}
.views-exposed-form .form--inline .js-form-item-combine input.form-control::placeholder,
.views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control::placeholder {
  color: #6b7280;
}

details.form-wrapper.card > summary {
  display: block !important;
  cursor: pointer;
}

details.form-wrapper.card > summary::-webkit-details-marker,
details.form-wrapper.card > summary::marker {
  display: none;
}

.views-exposed-form .form--inline details.form-wrapper.card {
  position: relative;
  margin: 0;
  border: none;
  background-color: #ffffff;
  border-radius: 2rem;
  overflow: visible;
  min-width: 8rem;
}
.views-exposed-form .form--inline details.form-wrapper.card summary.card-header {
  /* you may use inline-flex or block */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.75rem 0.9rem;
  font-size: 1rem;
  font-weight: 500;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0.75rem;
}
.views-exposed-form .form--inline details.form-wrapper.card summary.card-header::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  background: url("/themes/custom/atscale_resource_hub_theme/icons/arrow-down.svg") no-repeat center center;
  background-size: contain;
  float: right;
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.views-exposed-form .form--inline details.form-wrapper.card .details-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0.5rem;
  width: 100%;
  max-height: 12rem;
  overflow-y: auto;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1rem;
  display: none;
  z-index: 10;
}
.views-exposed-form .form--inline details.form-wrapper.card[open] .details-wrapper {
  display: block;
}

.views-exposed-form .form--inline .form-actions {
  margin: 0;
}
.views-exposed-form .form--inline .form-actions input[type=submit].btn-primary {
  background-color: #002b7f;
  border: none;
  color: #ffffff;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.75rem;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.views-exposed-form .form--inline .form-actions input[type=submit].btn-primary:hover {
  background-color: rgb(0, 25.7322834646, 76);
}

.views-exposed-form .form-item-sort-by > label[for=edit-sort-by],
.views-exposed-form .form-item-sort-by > label[for=edit-sort-by--5] {
  display: none;
}

details#edit-bef-sort-options .bef-links ul, details#edit-bef-sort-options--5 .bef-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 991.98px) {
  .block-views-exposed-filter-blockresource-block-1 form {
    width: 22.6875rem;
    height: 18.1875rem;
  }
  .block-views-exposed-filter-blockresource-block-1 .button {
    width: 9.5rem;
    margin: 0 0 0 0.4rem;
  }
  .block-views-exposed-filter-blockresource-block-1 .form--inline .form-item {
    margin-right: 0;
    margin-bottom: 0;
  }
  .views-exposed-form.bef-exposed-form .form--inline {
    gap: 0.5rem;
  }
  .views-exposed-form.bef-exposed-form {
    padding: 1.3rem;
    position: relative;
    top: 0;
  }
  .views-exposed-form.bef-exposed-form .clearfix::after {
    display: block;
  }
  .views-exposed-form .form--inline details.form-wrapper.card {
    min-width: 9.5rem !important;
  }
  .views-exposed-form .form--inline details.form-wrapper.card summary.card-header {
    font-size: 0.63419rem !important;
  }
  .path-frontpage .views-exposed-form.bef-exposed-form {
    top: 5.3625rem;
  }
  .map-filter-wrapper .filter-column form.views-exposed-form input[type=text] {
    font-size: 0.63419rem !important;
  }
  .views-exposed-form .form--inline .js-form-item-combine::before,
  .views-exposed-form .form--inline .js-form-item-search-api-fulltext::before {
    top: 52% !important;
  }
  .views-exposed-form .form--inline .js-form-item-combine input.form-control,
  .views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control {
    max-width: 20rem !important;
    font-size: 0.63419rem !important;
    padding: 0.9rem 7rem 0.9rem 2.5rem;
  }
  .block-views-blockprogramme-block-1 .views-exposed-form .form--inline .form-actions {
    margin: 0;
  }
  .block-views-blockprogramme-block-1 .views-exposed-form .form--inline .form-actions input[type=submit].btn-primary {
    padding: 0.75rem 3.3rem;
  }
  .block-views-blockprogramme-block-1 details.form-wrapper.card > summary {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    cursor: pointer;
  }
  .block-views-blockprogramme-block-1 .view-filters {
    top: 0 !important;
  }
  .block-views-exposed-filter-blockresource-block-1 details.form-wrapper.card > summary {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    cursor: pointer;
  }
  .views-exposed-form .form--inline details.form-wrapper.card .details-wrapper .form-checkboxes .js-form-item {
    white-space: normal;
  }
  .views-exposed-form .form--inline details.form-wrapper.card .details-wrapper .form-checkboxes .js-form-item label.option {
    font-size: 0.75rem;
  }
  .views-exposed-form .form--inline details.form-wrapper.card .details-wrapper .form-checkboxes .js-form-item.js-form-item-field-organization-name-christian-blind-mission {
    width: 15rem;
  }
}
@media (max-width: 1400px) {
  .views-exposed-form .form--inline .js-form-item-combine input.form-control,
  .views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control {
    max-width: 16rem;
  }
}
@media (max-width: 1300px) {
  .views-exposed-form .form--inline details.form-wrapper.card summary.card-header {
    padding: 0.75rem 0.5rem;
    font-size: 0.75rem;
  }
  .views-exposed-form .form--inline .js-form-item-combine input.form-control,
  .views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control {
    max-width: 16rem;
    font-size: 0.75rem;
  }
  .views-exposed-form .form--inline details.form-wrapper.card {
    min-width: 6rem;
  }
}
.block-views-blockresource-block-1 {
  max-width: 90rem;
  position: relative;
  margin: 2rem auto auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
.block-views-blockresource-block-1 h2 {
  position: absolute;
  font-weight: 700;
  font-size: 1.5rem;
  color: #052476;
}
.block-views-blockresource-block-1 .view-resources .view-header, .block-views-blockresource-block-1 .view-resource .view-header {
  text-align: right;
}
.block-views-blockresource-block-1 .view-resources .view-content, .block-views-blockresource-block-1 .view-resources .view-resource .view-content, .block-views-blockresource-block-1 .view-resource .view-content, .block-views-blockresource-block-1 .view-resource .view-resource .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
  gap: 2rem;
  margin: 2rem 0;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row, .block-views-blockresource-block-1 .view-resource .view-content .views-row, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row {
  background: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  border: 0.057rem solid #4C2888;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  max-height: 27.125rem;
  height: 27.125rem;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .views-field-field-thumbnail-or-cover-image, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .views-field-field-thumbnail-or-cover-image, .block-views-blockresource-block-1 .view-resource .view-content .views-row .views-field-field-thumbnail-or-cover-image, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .views-field-field-thumbnail-or-cover-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  padding: 1rem;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .views-field-field-thumbnail-or-cover-image img, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .views-field-field-thumbnail-or-cover-image img, .block-views-blockresource-block-1 .view-resource .view-content .views-row .views-field-field-thumbnail-or-cover-image img, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .views-field-field-thumbnail-or-cover-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem 1.25rem;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-title, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-title, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-title, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-title a, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-title a, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-title a, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-title a {
  color: #1B1F23;
  text-decoration: none;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-title a:hover, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-title a:hover, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-title a:hover, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-title a:hover {
  text-decoration: underline;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .meta-line, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .meta-line, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .meta-line, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .meta-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #666;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #D47A1B;
  padding-bottom: 0.2rem;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .meta-line .views-field-field-publication-date,
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .meta-line .views-field-field-category, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date,
.block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .meta-line .views-field-field-category, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date,
.block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .meta-line .views-field-field-category, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date,
.block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .meta-line .views-field-field-category {
  display: inline;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .meta-line .views-field-field-publication-date::after, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date::after, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date::after, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date::after {
  content: "|";
  margin: 0 0.5rem;
  color: #D47A1B;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-field-short-description, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-field-short-description, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-field-short-description, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-field-short-description {
  color: #333;
  font-size: 0.95rem;
  line-height: 1.5;
  overflow: hidden;
  margin-bottom: 1rem;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-view-node, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-view-node, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-view-node, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-view-node {
  margin-top: auto;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-view-node .submit-button, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button {
  margin: auto;
  border: none;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  width: 20.75rem;
  height: 2.9rem;
  background: #052476;
  text-align: center;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-view-node .submit-button span, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button span, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button span, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button span {
  font-size: 16px;
  color: white;
  position: relative;
  z-index: 2;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-view-node .submit-button::before, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button::before, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button::before, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  background: rgba(210, 210, 210, 0.8);
  border-radius: 100%;
  z-index: 1;
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
}
.block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-view-node .submit-button:hover::before, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button:hover::before, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button:hover::before, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #FF9320;
  border-radius: 10px;
}

.pager {
  margin-top: 2rem;
  text-align: center;
}
.pager ul.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pager ul.pagination li.page-item span.page-link {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  border: 2px solid #ccc;
  border-radius: 12px;
  text-decoration: none;
  color: #000;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
  background-color: white;
}
.pager ul.pagination li.page-item a.page-link {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  border: 2px solid #ccc;
  border-radius: 12px;
  text-decoration: none;
  color: #000;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}
.pager ul.pagination li.page-item a.page-link:hover {
  background-color: #f5f5f5;
}
.pager ul.pagination li.page-item.is-active a.page-link, .pager ul.pagination li.page-item.active a.page-link {
  background-color: #FF9320;
  border: 2px solid #FF9320;
  font-weight: 700;
  color: #ffffff;
}
.pager ul.pagination li.page-item.pager__item--first a.page-link, .pager ul.pagination li.page-item.pager__item--previous a.page-link, .pager ul.pagination li.page-item.pager__item--next a.page-link, .pager ul.pagination li.page-item.pager__item--last a.page-link {
  background-color: #052476;
  color: #ffffff;
  border: 2px solid #052476;
}

@media (max-width: 991.98px) {
  .block-views-blockresource-block-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
  }
  .block-views-blockresource-block-1 h2 {
    font-size: 1rem;
  }
  .block-views-blockresource-block-1 .view-resources .view-content, .block-views-blockresource-block-1 .view-resources .view-resource .view-content, .block-views-blockresource-block-1 .view-resource .view-content, .block-views-blockresource-block-1 .view-resource .view-resource .view-content {
    display: block;
  }
  .block-views-blockresource-block-1 .view-resources .view-content .views-row, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row, .block-views-blockresource-block-1 .view-resource .view-content .views-row, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row {
    height: 20.125rem;
    margin-bottom: 1rem;
  }
  .block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content {
    padding: 1rem 0.75rem;
  }
  .block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-title, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-title, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-title, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-title {
    font-size: 0.82rem;
  }
  .block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-view-node .submit-button, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-view-node .submit-button {
    width: 10.375rem;
    height: 2.4rem;
  }
  .block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .meta-line, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .meta-line, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .meta-line, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .meta-line {
    font-size: 0.55rem;
    margin-bottom: 0.15rem;
  }
  .block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .meta-line .views-field-field-publication-date::after, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date::after, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date::after, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .meta-line .views-field-field-publication-date::after {
    margin: 0;
  }
  .block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content .views-field-field-short-description, .block-views-blockresource-block-1 .view-resources .view-resource .view-content .views-row .text-content .views-field-field-short-description, .block-views-blockresource-block-1 .view-resource .view-content .views-row .text-content .views-field-field-short-description, .block-views-blockresource-block-1 .view-resource .view-resource .view-content .views-row .text-content .views-field-field-short-description {
    font-size: 0.68rem;
    margin-bottom: 0.2rem;
    line-height: 1.2;
  }
  .view-resources .view-content, .view-resource .view-content {
    grid-template-columns: 1fr;
  }
  .view-resources .views-row, .view-resource .views-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .view-resources .views-row .views-field-field-thumbnail-or-cover-image, .view-resource .views-row .views-field-field-thumbnail-or-cover-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 250px;
    padding-right: 0.5rem !important;
  }
  .pager ul.pagination li.page-item span.page-link {
    padding: 0.1rem 0.6rem;
    border-radius: 9px;
  }
  .pager ul.pagination li.page-item a.page-link {
    padding: 0.1rem 0.6rem;
    border-radius: 9px;
  }
}
/* Specific adjustment for 1272px viewport */
@media (min-width: 1196px) and (max-width: 1384px) {
  .block-views-blockresource-block-1 .view-resources .view-content .views-row .text-content {
    width: 19.5rem;
  }
}
#container {
  height: 600px;
  min-width: 800px;
  margin: auto;
  background: #fff;
}

.zoom-controls {
  text-align: center;
  background: #E3E6F0;
}
.zoom-controls button {
  padding: 8px 12px;
  margin: 5px;
  font-size: 14px;
  border-radius: 4px;
  border: 1.5px solid #e4e4e4;
  color: #000;
  cursor: pointer;
}

.block-atscale-highcharts-world-map-block {
  background: #E3E6F0;
}
.block-atscale-highcharts-world-map-block h2 {
  text-align: center;
  position: relative;
  left: -21rem;
  font-size: 1.52rem;
  color: #222;
  line-height: 1.2;
  padding-top: 2rem;
}

.block-views-blockorganization-block-1 {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1rem;
}

.block-views-blockprogramme-block-1 .views-exposed-form.bef-exposed-form .form--inline {
  padding: 1.5rem 1.5rem;
  gap: 0.5rem;
}
.block-views-blockprogramme-block-1 .views-exposed-form .form--inline details.form-wrapper.card summary.card-header {
  font-size: 0.9rem;
}
.block-views-blockprogramme-block-1 .view-header {
  max-width: 90rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 8rem;
  text-align: end;
}
.block-views-blockprogramme-block-1 .view-filters {
  background-color: #E3E6F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: sticky;
  top: 5.3625rem;
  z-index: 1000;
}
.block-views-blockprogramme-block-1 .view-filters form {
  max-width: 88rem;
}
.block-views-blockprogramme-block-1 .view-programme .views-view-table thead tr:nth-child(1) th {
  position: sticky;
  top: 14rem;
  z-index: 100;
}
.block-views-blockprogramme-block-1 .view-programme .view-content {
  overflow: unset;
}
.block-views-blockprogramme-block-1 .view-programme .views-table {
  overflow: unset;
}

.map-note {
  height: 5rem;
  opacity: 1;
  margin: 0 auto;
  max-width: 81rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.map-note strong {
  color: #052476;
}

.highcharts-tooltip {
  background: #fff !important;
  -webkit-box-shadow: 0 8px 32px rgba(34, 34, 34, 0.13) !important;
  box-shadow: 0 8px 32px rgba(34, 34, 34, 0.13) !important;
  border: none !important;
  padding: 0 !important;
  min-width: 260px;
  font-family: "Inter", Arial, Helvetica, sans-serif !important;
  color: #222 !important;
  font-size: 1.06rem !important;
  line-height: 1.36;
  z-index: 9999;
}

.highcharts-tooltip > span {
  background: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 18px 26px !important;
  font-family: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
}

.view-programme .views-table {
  margin: 0 auto;
  max-width: 75rem;
}

.view-organization .view-content, .view-programme .view-content {
  overflow-x: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
.view-organization .pager, .view-programme .pager {
  padding-left: 2rem;
  padding-right: 2rem;
}
.view-organization .views-table, .view-programme .views-table {
  width: 100%;
  background: white;
  overflow: hidden;
}
.view-organization .views-table tbody tr:not(:last-child), .view-programme .views-table tbody tr:not(:last-child) {
  position: relative;
}
.view-organization .views-table tbody tr:not(:last-child)::after, .view-programme .views-table tbody tr:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 2.5rem;
  right: 2.5rem;
  bottom: 0;
  height: 0;
  border: none;
  pointer-events: none;
}
.view-organization .views-table th, .view-organization .views-table td, .view-programme .views-table th, .view-programme .views-table td {
  padding: 1.2rem 1rem;
  text-align: left;
  font-size: 1.06rem;
  vertical-align: middle;
}
.view-organization .views-table th, .view-programme .views-table th {
  background: #f4f6fa;
  font-weight: 600;
  color: #38485d;
  border-bottom: 2px solid #eaeaea;
  letter-spacing: 0.03em;
}
.view-organization .views-table tr, .view-programme .views-table tr {
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.view-organization .views-table tbody tr:nth-child(even), .view-programme .views-table tbody tr:nth-child(even) {
  border-radius: 0.5rem;
}
.view-organization .views-table tbody tr:nth-child(even) td, .view-programme .views-table tbody tr:nth-child(even) td {
  background-color: #EAEAEA;
  border-bottom: 1px solid rgba(210, 210, 210, 0.4);
}
.view-organization .views-table tbody tr:nth-child(even) td:first-child, .view-programme .views-table tbody tr:nth-child(even) td:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.view-organization .views-table tbody tr:nth-child(even) td:last-child, .view-programme .views-table tbody tr:nth-child(even) td:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.view-organization .views-table tbody tr:hover, .view-programme .views-table tbody tr:hover {
  background: #f0f4fb;
}
.view-organization .views-table td, .view-programme .views-table td {
  color: #22334a;
  border-bottom: 1px solid #f1f3f5;
}
.view-organization .views-table tbody tr:last-child td, .view-programme .views-table tbody tr:last-child td {
  border-bottom: none;
}

.view-organization .view-content, .view-programme .view-content {
  overflow-x: auto;
}
.view-organization .views-table, .view-programme .views-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: none;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0.5rem;
}
.view-organization .views-table th, .view-programme .views-table th {
  font-size: 1.125rem;
}
.view-organization .views-table td, .view-programme .views-table td {
  color: #3a3a3a;
  font-size: 1rem;
  border: none;
  font-weight: 400;
}
.view-organization .views-table th, .view-programme .views-table th {
  font-weight: 700;
  font-size: 1.125rem;
  border: none;
  color: #FFFFFF;
  background: #D47A1B;
  text-align: center;
}
.view-organization .views-table th.views-field-nothing,
.view-organization .views-table td.views-field-nothing, .view-programme .views-table th.views-field-nothing,
.view-programme .views-table td.views-field-nothing {
  min-width: 130px;
  width: 10%;
  text-align: center;
}
.view-organization .views-table th.views-field-field-focus-areas-name,
.view-organization .views-table td.views-field-field-focus-areas-name, .view-programme .views-table th.views-field-field-focus-areas-name,
.view-programme .views-table td.views-field-field-focus-areas-name {
  min-width: 160px;
  width: 16%;
  text-align: center;
}
.view-organization .views-table th.views-field-field-country-programme-name,
.view-organization .views-table td.views-field-field-country-programme-name, .view-programme .views-table th.views-field-field-country-programme-name,
.view-programme .views-table td.views-field-field-country-programme-name {
  text-align: left;
}
.view-organization .views-table tbody tr, .view-programme .views-table tbody tr {
  border: none;
}
.view-organization .views-table tbody tr:last-child, .view-programme .views-table tbody tr:last-child {
  border-bottom: none;
}
.view-organization .views-table th:first-child, .view-programme .views-table th:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.view-organization .views-table th:last-child, .view-programme .views-table th:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.view-organization .views-table tr:last-child td:first-child, .view-programme .views-table tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
.view-organization .views-table tr:last-child td:last-child, .view-programme .views-table tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #fff !important;
  --bs-table-color-type: #fff !important;
  --bs-table-bg-type: #fff !important;
}

.views-table a {
  color: #2260ea;
  text-decoration: underline;
  font-weight: 400;
}
.views-table a:hover {
  text-decoration: underline;
  color: #1847b8;
}

@media (max-width: 991.98px) {
  #container {
    height: 14rem;
    min-width: 310px;
    max-width: 800px;
    margin: auto;
    background: #fff;
  }
  .block-views-blockprogramme-block-1 .views-exposed-form.bef-exposed-form .form--inline {
    padding: 1.5rem 1rem;
    gap: 0.5rem;
  }
  .block-views-blockprogramme-block-1 .view-header {
    padding-right: 2rem !important;
  }
  .block-views-blockprogramme-block-1 .view-filters form {
    width: 25rem;
  }
  .block-views-blockprogramme-block-1 .view-header {
    max-width: 90rem;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 8rem;
    text-align: end;
  }
  .block-views-blockprogramme-block-1 .view-programme .view-content {
    overflow: auto;
  }
  .block-views-blockprogramme-block-1 .view-programme .views-table {
    overflow: auto;
  }
  .block-views-blockprogramme-block-1 .view-programme .views-view-table thead tr:nth-child(1) th {
    position: sticky;
    top: 0rem;
  }
  .view-organization {
    padding: 0.5rem;
  }
  .view-organization .views-table th, .view-organization .views-table td {
    padding: 0.65rem 0.5rem;
    font-size: 1rem;
  }
  .map-note {
    position: unset;
    padding-left: 1rem;
  }
}
body {
  font-family: Montserrat, sans-serif !important;
}

.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
  padding: 0 !important;
}

.path-frontpage .site-footer {
  margin-top: 0;
}

/* Hide "Sort by" on front page and resource node pages */
.path-frontpage [data-drupal-selector=edit-bef-sort-options],
.page-node-type-resource [data-drupal-selector=edit-bef-sort-options] {
  display: none !important;
}

.path-frontpage .views-exposed-form .form--inline .js-form-item-search-api-fulltext input.form-control {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 991.98px) {
  /* Hide "Sort by" on front page and resource node pages */
  #views-exposed-form-resource-block-1 [data-drupal-selector=edit-bef-sort-options] {
    margin-right: 1rem !important;
  }
}
.slider-wrapper {
  width: 100%;
  max-width: 100vw;
  margin-right: 0;
}
.slider-wrapper .fixed-slider {
  width: auto;
  height: 28rem;
  overflow: hidden;
  position: relative;
}
.slider-wrapper .fixed-slider .carousel-indicators button {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 1 !important;
  margin: 0 4px;
}
.slider-wrapper .fixed-slider .carousel-control-prev {
  right: 4rem;
  left: unset;
}
.slider-wrapper .fixed-slider .navigation-buttons-wrapper {
  position: relative;
  max-width: 90rem;
  bottom: 2rem;
  margin: auto;
}
.slider-wrapper .fixed-slider .navigation-buttons-wrapper .carousel-controls button {
  border: none;
  background: transparent;
}
.slider-wrapper .fixed-slider .navigation-buttons-wrapper #toggleCarousel {
  background-color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  z-index: 11;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  bottom: 0;
  border: none;
  left: 2rem;
}
.slider-wrapper .fixed-slider .navigation-buttons-wrapper #toggleCarousel .fa-pause {
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/pause.svg");
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.slider-wrapper .fixed-slider .navigation-buttons-wrapper #toggleCarousel .fa-play {
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/play.svg");
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.slider-wrapper .fixed-slider .carousel-control-prev,
.slider-wrapper .fixed-slider .carousel-control-next {
  z-index: 10;
}
.slider-wrapper .fixed-slider .carousel-control-prev .carousel-control-prev-icon,
.slider-wrapper .fixed-slider .carousel-control-prev .carousel-control-next-icon,
.slider-wrapper .fixed-slider .carousel-control-next .carousel-control-prev-icon,
.slider-wrapper .fixed-slider .carousel-control-next .carousel-control-next-icon {
  width: 1.2rem;
  height: 1.2rem;
  -webkit-filter: invert(20%) sepia(21%) saturate(0%) hue-rotate(197deg) brightness(98%) contrast(96%);
  filter: invert(20%) sepia(21%) saturate(0%) hue-rotate(197deg) brightness(98%) contrast(96%);
}
.slider-wrapper .fixed-slider .carousel-control-prev .carousel-control-prev-icon,
.slider-wrapper .fixed-slider .carousel-control-next .carousel-control-prev-icon {
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.slider-wrapper .fixed-slider .carousel-control-prev .carousel-control-prev-icon::before,
.slider-wrapper .fixed-slider .carousel-control-next .carousel-control-prev-icon::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3e%3cpath d='M11 2L5 8l6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3e%3c/svg%3e");
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  margin-top: 0.9rem;
  margin-left: -0.7rem;
}
.slider-wrapper .fixed-slider .carousel-control-prev .carousel-control-next-icon,
.slider-wrapper .fixed-slider .carousel-control-next .carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.slider-wrapper .fixed-slider .carousel-control-prev .carousel-control-next-icon::before,
.slider-wrapper .fixed-slider .carousel-control-next .carousel-control-next-icon::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3e%3cpath d='M5 14l6-6-6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3e%3c/svg%3e");
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  margin-top: 0.9rem;
  margin-left: -0.5rem;
}
.slider-wrapper .fixed-slider .carousel-inner {
  height: 100%;
}
.slider-wrapper .fixed-slider .carousel-item {
  height: 100%;
  position: relative;
}
.slider-wrapper .fixed-slider .carousel-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
}
.slider-wrapper .fixed-slider .carousel-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.21)));
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.21));
  z-index: 1;
}
.slider-wrapper .fixed-slider .carousel-item .carousel-text {
  max-width: 90rem;
  width: 100%;
  background: none;
  text-align: left;
  color: #fff;
  pointer-events: auto;
  z-index: 2;
  position: relative;
  margin: -20rem auto 0;
  padding: 3rem 2rem;
  display: block !important;
}
.slider-wrapper .fixed-slider .carousel-item .carousel-text h5 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.slider-wrapper .fixed-slider .carousel-item .carousel-text p {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  width: 50%;
}
.slider-wrapper .fixed-slider .carousel-indicators {
  bottom: 1rem;
  margin-right: 30%;
  margin-left: 30%;
}
.slider-wrapper .fixed-slider .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  margin: 0 4px;
}
.slider-wrapper .fixed-slider .carousel-indicators button.active {
  opacity: 1;
  background-color: #0A2978;
}

@media (max-width: 991.98px) {
  .slider-wrapper .fixed-slider {
    height: 20rem;
  }
  .slider-wrapper .fixed-slider .carousel-item .carousel-text {
    padding: 3rem 1rem;
    margin: -17rem auto 0;
  }
  .slider-wrapper .fixed-slider .carousel-item .carousel-text p {
    width: 100%;
  }
}
.block-atscale-map-filter-block {
  background-color: #D2D2D2;
}
.block-atscale-map-filter-block .views-exposed-form.bef-exposed-form {
  z-index: 0;
  padding: 0;
  position: relative;
}
.block-atscale-map-filter-block .views-exposed-form.bef-exposed-form .form--inline {
  background: none;
  padding: 0;
}
.block-atscale-map-filter-block .map-bg {
  height: 28rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: background-image 0.7s;
  transition: background-image 0.7s;
  border-radius: 1rem;
  margin: 0 auto;
}
.block-atscale-map-filter-block .map-column {
  position: relative;
}
.block-atscale-map-filter-block .map-filter-wrapper .filter-column form.views-exposed-form {
  background: none;
}
.block-atscale-map-filter-block .form-item-search-api-fulltext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28.7rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: -0.5rem;
}
.block-atscale-map-filter-block .views-exposed-form .form--inline .js-form-item-search-api-fulltext {
  margin-right: 0;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.block-atscale-map-filter-block .views-exposed-form .form--inline details.form-wrapper.card {
  min-width: 13.5rem;
  margin-bottom: 1rem;
}
.block-atscale-map-filter-block .views-exposed-form .form--inline details.form-wrapper.card summary.card-header {
  border-radius: 0.5rem;
}

.map-filter-wrapper {
  background-color: #D2D2D2;
  padding: 2rem;
  border-radius: 2rem;
  max-width: 90rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3rem;
}
.map-filter-wrapper .map-column {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 45%;
  flex: 1 1 45%;
  text-align: center;
}
.map-filter-wrapper .map-column .open-map {
  border: none; /* Remove default border */
  border-radius: 10px; /* Rounded corners */
  padding: 1rem 1rem; /* Padding for size */
  position: relative; /* For the shine effect */
  overflow: hidden; /* Hide overflow */
  cursor: pointer; /* Pointer cursor on hover */
  display: inline-block; /* Ensure proper layout */
  text-decoration: none; /* Remove default link underline */
  width: 25.375rem;
  height: 3.5rem;
  background: #052476;
}
.map-filter-wrapper .map-column .open-map span {
  font-size: 16px; /* Font size */
  color: white; /* White text */
  position: relative; /* Ensure text is above */
  z-index: 2; /* Text above the pseudo-element */
}
.map-filter-wrapper .map-column .open-map::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  background: rgba(210, 210, 210, 0.8); /* Grey circle */
  border-radius: 100%;
  z-index: 1; /* Below the text */
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease; /* Add transition for background-color */
}
.map-filter-wrapper .map-column .open-map:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #FF9320; /* Orange fill */
  border-radius: 10px;
}
.map-filter-wrapper .map-column img {
  width: 47.46738rem;
}
.map-filter-wrapper .filter-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32.6875rem;
  height: 27.1875rem;
  padding: 0 1.9375rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.75rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: var(--Number-2, 1.5rem);
  border: 1px solid var(--Background-S-Color, #8291BA);
  background: var(--Background-S-Color, #8291BA);
}
.map-filter-wrapper .filter-column form.views-exposed-form {
  background-color: #7b8fb9;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  margin-top: -2rem;
}
.map-filter-wrapper .filter-column form.views-exposed-form .form-submit {
  background-color: #052476; /* Dark blue background */
  border: none; /* Remove default border */
  border-radius: 10px; /* Rounded corners */
  padding: 10px 20px; /* Padding for size */
  position: relative; /* For the shine effect */
  overflow: hidden; /* Hide overflow */
  cursor: pointer; /* Pointer cursor on hover */
  display: inline-block; /* Ensure proper layout */
  text-decoration: none; /* Remove default link underline */
  width: 22.625rem;
  height: 2.875rem;
  font-weight: 500;
  margin: 0.65rem 0.65rem auto 4rem;
}
.map-filter-wrapper .filter-column form.views-exposed-form .form-submit span {
  font-size: 16px; /* Font size */
  color: white; /* White text */
  position: relative; /* Ensure text is above */
  z-index: 2; /* Text above the pseudo-element */
}
.map-filter-wrapper .filter-column form.views-exposed-form .form-submit::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  background: rgba(210, 210, 210, 0.8); /* Grey circle */
  border-radius: 100%;
  z-index: 1; /* Below the text */
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease; /* Add transition for background-color */
}
.map-filter-wrapper .filter-column form.views-exposed-form .form-submit:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #FF9320; /* Orange fill */
  border-radius: 10px;
}
.map-filter-wrapper .filter-column form.views-exposed-form input[type=text],
.map-filter-wrapper .filter-column form.views-exposed-form select,
.map-filter-wrapper .filter-column form.views-exposed-form summary {
  font-family: "Montserrat", sans-serif;
  border-radius: 0.5rem;
  border: 1px solid #D2D2D2;
  background: var(--main-White, #FEFEFE);
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  font-size: 0.95rem;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.map-filter-wrapper .filter-column form.views-exposed-form details {
  position: relative;
}
.map-filter-wrapper .filter-column form.views-exposed-form details .details-wrapper {
  position: absolute;
  background-color: #fff;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  top: 100%;
  left: 0;
  z-index: 10;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.map-filter-wrapper .filter-column form.views-exposed-form details summary {
  cursor: pointer;
}
.map-filter-wrapper .filter-column form.views-exposed-form details summary::-webkit-details-marker {
  display: none;
}
.map-filter-wrapper .filter-column form.views-exposed-form details summary:after {
  content: "▾";
  font-size: 0.8rem;
  margin-left: 0.5rem;
}

@media (max-width: 991.98px) {
  .block-atscale-map-filter-block .map-bg {
    height: 14rem;
  }
  .block-atscale-map-filter-block .views-exposed-form.bef-exposed-form .form--inline {
    width: 20rem;
  }
  .block-atscale-map-filter-block .views-exposed-form .form--inline details.form-wrapper.card {
    min-width: 9.5rem;
    margin-bottom: 0;
  }
  .block-atscale-map-filter-block .views-exposed-form .form--inline .js-form-item-search-api-fulltext {
    padding-bottom: 0;
  }
  .map-filter-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem;
  }
  .map-filter-wrapper .map-column .open-map {
    width: 21.375rem;
  }
  .map-filter-wrapper .map-column .open-map span {
    font-size: 14px;
  }
  .map-filter-wrapper .filter-column {
    width: 22.6875rem;
    height: 17.1875rem;
    margin: 0 auto;
  }
  .map-filter-wrapper .filter-column form.views-exposed-form {
    margin-top: -5rem;
  }
  .map-filter-wrapper .filter-column form.views-exposed-form .form-submit {
    margin: 0;
    width: 20rem;
  }
}
.block.block-layout-builder.block-inline-blockcontent-with-image {
  background: -webkit-gradient(linear, left top, right top, color-stop(43.91%, #FFFFFF), color-stop(61.68%, #FFE9D2));
  background: linear-gradient(90deg, #FFFFFF 43.91%, #FFE9D2 61.68%);
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 2.5rem 2rem;
  gap: 2.5rem;
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper > :not(.field--name-field-image) {
  -webkit-box-flex: 2;
  -ms-flex: 2 1 60%;
  flex: 2 1 60%;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper > :not(.field--name-field-image) h2 {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
  color: #052476;
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper > :not(.field--name-field-image) .field--name-body,
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper > :not(.field--name-field-image) .field__item {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.7;
  color: #373737;
  text-align: justify;
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper .field--name-field-image {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 4rem;
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper .field--name-field-image .field__item {
  width: 100%;
  max-width: 350px;
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper .field--name-field-image .field__item img {
  width: 100%;
  height: auto;
  border-radius: 2rem;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-shadow: 0 8px 32px rgba(32, 40, 110, 0.07);
  box-shadow: 0 8px 32px rgba(32, 40, 110, 0.07);
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper .field--name-field-image .field__label {
  display: none;
}
.block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper .img-fluid {
  max-height: 32rem;
  width: auto;
}
@media (max-width: 991.98px) {
  .block.block-layout-builder.block-inline-blockcontent-with-image {
    /* Text first, image second */
  }
  .block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; /* stack on mobile */
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1rem;
    padding: 2.5rem 1rem;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper > :not(.field--name-field-image) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper > :not(.field--name-field-image) h2 {
    font-size: 1rem;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper > :not(.field--name-field-image) .field__item {
    font-size: 0.85rem;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper .field--name-field-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 0; /* override desktop margin */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; /* center the image (optional) */
  }
  .block.block-layout-builder.block-inline-blockcontent-with-image .content-image-text-wrapper .field--name-field-image .field__item {
    max-width: 100%; /* drop 350px cap on mobile */
    width: 100%;
  }
}

.most-recent-resources-bg {
  background: #e9eef7;
  width: 100%;
  padding: 1rem 3rem;
}

.most-recent-resources-block {
  background: #e9eef7;
  padding: 2rem 4rem;
  border-radius: 1rem;
  max-width: 92rem;
  margin: auto;
}
.most-recent-resources-block .resources-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}
.most-recent-resources-block .resources-header .resources-title {
  font-family: Montserrat, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: #052476;
}
.most-recent-resources-block .resources-header .resources-title .highlight {
  color: #377cc6;
}
.most-recent-resources-block .resources-header .see-all {
  border: none; /* Remove default border */
  border-radius: 10px; /* Rounded corners */
  padding: 0.5rem 2rem;
  position: relative; /* For the shine effect */
  overflow: hidden; /* Hide overflow */
  cursor: pointer; /* Pointer cursor on hover */
  display: inline-block; /* Ensure proper layout */
  text-decoration: none; /* Remove default link underline */
  background: #052476;
  font-weight: 500;
}
.most-recent-resources-block .resources-header .see-all span {
  font-size: 16px; /* Font size */
  color: white; /* White text */
  position: relative; /* Ensure text is above */
  z-index: 2; /* Text above the pseudo-element */
}
.most-recent-resources-block .resources-header .see-all::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  background: rgba(210, 210, 210, 0.8); /* Grey circle */
  border-radius: 100%;
  z-index: 1; /* Below the text */
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease; /* Add transition for background-color */
}
.most-recent-resources-block .resources-header .see-all:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #FF9320; /* Orange fill */
  border-radius: 10px;
}
.most-recent-resources-block .meta-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #666;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #D47A1B;
  padding-bottom: 0.2rem;
}
.most-recent-resources-block .carousel {
  position: relative;
}
.most-recent-resources-block .carousel .carousel-control-prev,
.most-recent-resources-block .carousel .carousel-control-next {
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.most-recent-resources-block .carousel .carousel-control-prev .carousel-control-prev-icon,
.most-recent-resources-block .carousel .carousel-control-prev .carousel-control-next-icon,
.most-recent-resources-block .carousel .carousel-control-next .carousel-control-prev-icon,
.most-recent-resources-block .carousel .carousel-control-next .carousel-control-next-icon {
  width: 1.2rem;
  height: 1.2rem;
  -webkit-filter: invert(20%) sepia(21%) saturate(0%) hue-rotate(197deg) brightness(98%) contrast(96%);
  filter: invert(20%) sepia(21%) saturate(0%) hue-rotate(197deg) brightness(98%) contrast(96%);
}
.most-recent-resources-block .carousel .carousel-control-prev .carousel-control-prev-icon,
.most-recent-resources-block .carousel .carousel-control-next .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3e%3cpath d='M11 2L5 8l6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3e%3c/svg%3e");
}
.most-recent-resources-block .carousel .carousel-control-prev .carousel-control-next-icon,
.most-recent-resources-block .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3e%3cpath d='M5 14l6-6-6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3e%3c/svg%3e");
}
.most-recent-resources-block .carousel .carousel-control-prev {
  left: -4.5rem;
}
.most-recent-resources-block .carousel .carousel-control-next {
  right: -4.5rem;
}
.most-recent-resources-block .resource-card {
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  border: 0.83px solid #4C2888;
}
.most-recent-resources-block .resource-card .resource-img {
  height: 22.53rem;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 1rem;
}
.most-recent-resources-block .resource-card .card-body {
  padding: 1rem;
}
.most-recent-resources-block .resource-card .card-body .resource-card-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.most-recent-resources-block .resource-card .card-body .resource-year {
  color: #767676;
}
.most-recent-resources-block .resource-card .card-body .resource-year::after {
  content: "|";
  margin: 0 0 0 0.5rem;
  color: #D47A1B;
}
.most-recent-resources-block .resource-card .card-body .resource-desc {
  font-size: 0.9rem;
  color: #343436;
  overflow: hidden;
  height: 4rem;
}
.most-recent-resources-block .resource-card .card-footer {
  padding: 0.75rem;
  text-align: center;
  border: none;
}
.most-recent-resources-block .resource-card .card-footer .detail-btn {
  background: #052476;
  border: none; /* Remove default border */
  border-radius: 10px; /* Rounded corners */
  position: relative; /* For the shine effect */
  overflow: hidden; /* Hide overflow */
  cursor: pointer; /* Pointer cursor on hover */
  display: inline-block; /* Ensure proper layout */
  text-decoration: none; /* Remove default link underline */
  font-weight: 500;
  width: 100%;
}
.most-recent-resources-block .resource-card .card-footer .detail-btn span {
  font-size: 16px; /* Font size */
  color: white; /* White text */
  position: relative; /* Ensure text is above */
  z-index: 2; /* Text above the pseudo-element */
}
.most-recent-resources-block .resource-card .card-footer .detail-btn::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  background: rgba(210, 210, 210, 0.8); /* Grey circle */
  border-radius: 100%;
  z-index: 1; /* Below the text */
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease; /* Add transition for background-color */
}
.most-recent-resources-block .resource-card .card-footer .detail-btn:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #FF9320; /* Orange fill */
  border-radius: 10px;
}
@media (max-width: 768px) {
  .most-recent-resources-block .carousel-control-prev, .most-recent-resources-block .carousel-control-next {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .most-recent-resources-block {
    padding: 0;
  }
  .most-recent-resources-bg {
    padding: 1rem;
  }
  .most-recent-resources-block .carousel .carousel-control-prev {
    left: 0;
  }
  .most-recent-resources-block .carousel .carousel-control-next {
    right: 0;
  }
  .most-recent-resources-block .resources-header .resources-title {
    font-size: 1rem;
  }
  .most-recent-resources-block .resource-card {
    height: 20.125rem;
  }
  .most-recent-resources-block .resource-card .resource-img {
    height: 19.53rem;
  }
  .most-recent-resources-block .resource-card .card-body .resource-card-title {
    font-size: 0.82rem;
  }
  .most-recent-resources-block .resource-card .card-body .resource-year::after {
    margin: 0;
  }
  .most-recent-resources-block .resource-card .card-body .resource-desc {
    font-size: 0.68rem;
  }
  .most-recent-resources-block .meta-line {
    font-size: 0.55rem;
    margin-bottom: 0.15rem;
  }
}
.newsletter-block-bg {
  background: #8796bd;
  border-radius: 1.5rem;
  max-width: 64.31rem;
  margin: 2.5rem auto 0 auto;
  padding: 48px 48px 42px 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.newsletter-block-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  font-family: "Montserrat", sans-serif;
}

.newsletter-block-form {
  width: 100%;
  max-width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.newsletter-block-icon {
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.newsletter-email-input.form-control {
  background: #fff url("/themes/custom/atscale_resource_hub_theme/icons/email.svg") no-repeat 1.2rem center;
  background-size: 2rem 2rem;
  border: none;
  outline: none;
  border-radius: 1.125rem;
  font-size: 1.3rem;
  color: #222;
  padding: 1rem 1.5rem 1rem 3.7rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.newsletter-block-note {
  color: #f1f5ff;
  font-size: 1.12rem;
  margin: 0 0 1.2rem 0.1rem;
  font-weight: 400;
}

.newsletter-block-submit {
  background-color: #052476; /* Dark blue background */
  border: none; /* Remove default border */
  border-radius: 10px; /* Rounded corners */
  position: relative; /* For the shine effect */
  overflow: hidden; /* Hide overflow */
  cursor: pointer; /* Pointer cursor on hover */
  display: inline-block; /* Ensure proper layout */
  text-decoration: none; /* Remove default link underline */
  font-size: 1rem;
  font-family: inherit;
  font-weight: 500;
  width: 13.93rem;
  padding: 0.9rem 0;
}
.newsletter-block-submit span {
  font-size: 16px; /* Font size */
  color: white; /* White text */
  position: relative; /* Ensure text is above */
  z-index: 2; /* Text above the pseudo-element */
}
.newsletter-block-submit::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  background: rgba(210, 210, 210, 0.8); /* Grey circle */
  border-radius: 100%;
  z-index: 1; /* Below the text */
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease; /* Add transition for background-color */
}
.newsletter-block-submit:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #FF9320; /* Orange fill */
  border-radius: 10px;
}

.breadcrumb-nav {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  overflow-x: auto;
  padding-bottom: 0.5rem;
  margin-top: -0.5rem;
}
.breadcrumb-nav a {
  color: #212529;
}
.breadcrumb-nav .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item a span {
  font-weight: 500;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding: 0;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  color: #d2d2d2;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item.active {
  font-weight: 500;
  color: #D47A1B;
}

@media (max-width: 991.98px) {
  .breadcrumb-nav {
    width: 100%;
  }
}
.page-node-type-resource .site-footer {
  margin-top: 0;
}

.resource-page {
  margin: 0 auto;
  font-family: Montserrat, sans-serif;
}
.resource-page .related-resources {
  background-color: #eef2ff;
  padding-bottom: 1rem;
}
.resource-page .related-resources .block-views-blockresource-block-1 {
  padding-top: 2rem;
}
.resource-page .related-resources .block-views-blockresource-block-1 h2 {
  position: relative;
  font-weight: 500;
}
.resource-page .resource-main {
  max-width: 90rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.resource-page .resource-main .resource-left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.resource-page .resource-main .resource-left .resource-cover {
  max-width: 60%;
  position: relative;
  margin: 0 auto 1rem auto;
}
.resource-page .resource-main .resource-left .resource-cover img {
  width: 10.25rem;
  display: block;
}
.resource-page .resource-main .resource-left h2 {
  font-size: 1.5rem;
  color: #052476;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 2rem;
}
.resource-page .resource-main .resource-left .resource-description {
  max-width: 90%;
  text-align: left;
}
.resource-page .resource-main .resource-left .resource-description .short-description {
  font-size: 1rem;
  color: #333;
  margin-bottom: 1rem;
}
.resource-page .resource-main .resource-left .resource-description .resource-body {
  font-size: 0.875rem;
  color: #555;
}
.resource-page .resource-main .resource-left .resource-description .resource-actions {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.resource-page .resource-main .resource-left .resource-description .resource-actions .citation-button {
  background-color: transparent !important;
  border: 1px solid #052476 !important;
}
.resource-page .resource-main .resource-left .resource-description .resource-actions .citation-button span {
  color: #052476 !important;
}
.resource-page .resource-main .resource-left .resource-description .resource-actions .citation-button:hover::before {
  background-color: rgba(210, 210, 210, 0.8);
}
.resource-page .resource-main .resource-left .resource-description .resource-actions .resource-actions-button {
  background-color: #052476;
  border: none;
  margin-left: 0;
  border-radius: 0.625rem;
  padding: 0.625rem 1.25rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.resource-page .resource-main .resource-left .resource-description .resource-actions .resource-actions-button span {
  font-size: 1rem;
  color: white;
  position: relative;
  z-index: 2;
}
.resource-page .resource-main .resource-left .resource-description .resource-actions .resource-actions-button::before {
  content: "";
  position: absolute;
  top: -1.875rem;
  right: -1.875rem;
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(210, 210, 210, 0.8);
  border-radius: 100%;
  z-index: 1;
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
}
.resource-page .resource-main .resource-left .resource-description .resource-actions .resource-actions-button:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: rgba(210, 210, 210, 0.8);
  border-radius: 0.625rem;
}
.resource-page .resource-main .resource-right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
}
.resource-page .resource-main .resource-right .details-panel {
  background-color: #f4f6f8;
}
.resource-page .resource-main .resource-right .details-panel .details-header {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  background-color: #D47A1B;
  padding-left: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  color: #FFFFFF;
}
.resource-page .resource-main .resource-right .details-panel ul {
  list-style: inside;
  padding-left: 0;
}
.resource-page .resource-main .resource-right .details-panel ul a {
  color: #052476;
  text-decoration: underline;
}
.resource-page .resource-main .resource-right .details-panel .details-items {
  padding-left: 2rem;
}
.resource-page .resource-main .resource-right .details-panel .details-bottom {
  padding-bottom: 3rem;
}
.resource-page .resource-main .resource-right .details-panel .details-item {
  margin-bottom: 0.5rem;
}
.resource-page .resource-main .resource-right .details-panel .details-item .label {
  font-weight: bold;
  width: 10rem;
  display: inline-block;
}
.resource-page .resource-main .resource-right .details-panel .details-item .value {
  color: #555;
}
.resource-page .resource-main .resource-right .details-panel.border {
  border-radius: 0.5rem;
  border: 1px solid #4C2888 !important;
  -webkit-box-shadow: -1px 4px 4px 0 rgba(0, 0, 0, 0.6);
  box-shadow: -1px 4px 4px 0 rgba(0, 0, 0, 0.6);
}
.resource-page .resource-actions-mobile {
  display: none;
}

@media (max-width: 991.98px) {
  .resource-page .resource-main {
    display: block;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .resource-page .resource-actions-mobile {
    margin-top: 2rem;
    display: -webkit-box;
    gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .resource-page .resource-actions-mobile .citation-button {
    background-color: transparent !important;
    border: 1px solid #052476 !important;
  }
  .resource-page .resource-actions-mobile .citation-button span {
    color: #052476 !important;
  }
  .resource-page .resource-actions-mobile .citation-button:hover::before {
    background-color: rgba(210, 210, 210, 0.8);
  }
  .resource-page .resource-actions-mobile .resource-actions-button {
    background-color: #052476;
    border: none;
    margin-left: 0rem;
    border-radius: 0.625rem;
    padding: 0.625rem 1.25rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: table-cell;
    text-decoration: none;
  }
  .resource-page .resource-actions-mobile .resource-actions-button span {
    font-size: 1rem;
    color: white;
    position: relative;
    z-index: 2;
  }
  .resource-page .resource-actions-mobile .resource-actions-button::before {
    content: "";
    position: absolute;
    top: -1.875rem;
    right: -1.875rem;
    width: 3.75rem;
    height: 3.75rem;
    background: rgba(210, 210, 210, 0.8);
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
    transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  }
  .resource-page .resource-actions-mobile .resource-actions-button:hover::before {
    width: 200%;
    height: 200%;
    top: 0;
    right: 0;
    background-color: rgba(210, 210, 210, 0.8);
    border-radius: 0.625rem;
  }
  .resource-page .resource-main .resource-left .resource-description .resource-actions {
    display: none;
    padding-bottom: 2rem;
  }
}
.hero-block {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 28rem;
  margin-right: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #000;
}
.hero-block__background {
  position: absolute;
  inset: 0;
  width: 100vw;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.hero-block__background .hero-block__image {
  width: 100%;
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
  display: block;
}
.hero-block__content {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 90rem;
  width: 90rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
.hero-block__content .breadcrumb-nav {
  margin-top: -11rem;
  position: absolute;
  margin-left: -0.5rem;
}
.hero-block__content .breadcrumb-nav ol.breadcrumb li.breadcrumb-item a,
.hero-block__content .breadcrumb-nav ol.breadcrumb li.breadcrumb-item a:link,
.hero-block__content .breadcrumb-nav ol.breadcrumb li.breadcrumb-item a:visited,
.hero-block__content .breadcrumb-nav ol.breadcrumb li.breadcrumb-item a:hover,
.hero-block__content .breadcrumb-nav ol.breadcrumb li.breadcrumb-item a:active,
.hero-block__content .breadcrumb-nav ol.breadcrumb li.breadcrumb-item a:focus {
  color: #fff !important;
  text-decoration: none !important;
}
.hero-block__content .breadcrumb-nav ol.breadcrumb .breadcrumb-item.active {
  color: #D47A1B !important;
}
.hero-block__content .hero-block__title {
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 991.98px) {
  .hero-block {
    height: 20rem;
  }
  .hero-block__content {
    padding-left: 1rem;
  }
  .hero-block__content .breadcrumb-nav {
    margin-top: -7.5rem;
  }
  .hero-block__content .hero-block__title {
    font-size: 1.75rem;
  }
}
.block.block-layout-builder.block-inline-blockcontent-with-video {
  background: #fff;
  padding: 2.5rem 2rem;
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
}
.block.block-layout-builder.block-inline-blockcontent-with-video .video-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-video {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-video video {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 1.5rem;
  -webkit-box-shadow: 0 8px 32px rgba(32, 40, 110, 0.07);
  box-shadow: 0 8px 32px rgba(32, 40, 110, 0.07);
  background: #000;
  -o-object-fit: cover;
  object-fit: cover;
}
.block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-body {
  -webkit-box-flex: 2;
  -ms-flex: 2 1 60%;
  flex: 2 1 60%;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-body h2 {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
  color: #052476;
}
.block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-body .field__item,
.block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-body p {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.7;
  color: #373737;
  text-align: justify;
}
@media (max-width: 991.98px) {
  .block.block-layout-builder.block-inline-blockcontent-with-video .video-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-video,
  .block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-video h2,
  .block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-body h2 {
    font-size: 1rem;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-video p,
  .block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-body p {
    font-size: 0.85rem;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-video {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .block.block-layout-builder.block-inline-blockcontent-with-video .field--name-field-video video {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    display: block;
  }
}

.block-inline-blockfaq {
  background: var(--Background-G-Color, #E3E6F0);
  width: 100%;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50%;
  margin-right: -50%;
  margin-bottom: -3rem;
  overflow: hidden;
}
.block-inline-blockfaq::before {
  content: "";
  position: absolute;
  top: 5%;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("/themes/custom/atscale_resource_hub_theme/images/faq-page-background-image.png") no-repeat top right;
  background-size: 75%;
  opacity: 1;
  pointer-events: none;
}
.block-inline-blockfaq .faq-accordion-inner {
  max-width: 90rem;
  margin: 0 auto;
  padding: 2.5rem 2rem 2rem 2rem;
  border-radius: 1rem;
  position: relative;
}
.block-inline-blockfaq .faq-accordion-inner h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #052476;
  margin-bottom: 1rem;
  text-align: left;
}
.block-inline-blockfaq .faq-accordion-inner h3 {
  color: #D47A1B;
  font-size: 1.125rem;
  font-weight: 800;
  padding-top: 2rem;
}
.block-inline-blockfaq .accordion {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 2.5rem;
}
.block-inline-blockfaq .accordion .accordion-item {
  border: none;
  background: transparent;
  width: 60%;
}
.block-inline-blockfaq .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 1.125rem;
  color: #1B1F23;
  background-color: #f8f9fa;
  border-radius: 6px;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  border: 0.5px solid #4C2888;
  height: 3.8125rem;
}
.block-inline-blockfaq .accordion .accordion-item .accordion-header .accordion-button::after {
  font-size: 1.25rem;
  color: #052476;
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/checkbox-orange.svg");
}
.block-inline-blockfaq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background: #fff;
  color: #052476;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.block-inline-blockfaq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  font-size: 1.25rem;
  color: #052476;
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/checkbox-black.svg");
}
.block-inline-blockfaq .accordion .accordion-item .accordion-header .accordion-button:hover {
  border: 0.5px solid #ff8000;
}
.block-inline-blockfaq .accordion .accordion-item .accordion-header .accordion-button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block-inline-blockfaq .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 1rem 1.5rem;
  font-size: 1rem;
  color: #495057;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 1rem;
  border: 0.5px solid #4C2888;
}
.block-inline-blockfaq .field--name-field-bottom-text {
  text-align: center;
  margin-top: 2rem;
  font-weight: 600;
  font-size: 1rem;
}
.block-inline-blockfaq .field--name-field-bottom-text a {
  color: #ff8000;
  text-decoration: none;
}
.block-inline-blockfaq .field--name-field-bottom-text a:hover {
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  .block-inline-blockfaq::before {
    background: none;
  }
  .block-inline-blockfaq .faq-accordion-inner h2 {
    font-size: 1rem;
  }
  .block-inline-blockfaq .accordion .accordion-item {
    width: 100%;
  }
  .block-inline-blockfaq .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 0.925rem;
  }
}
.block-inline-blockhero-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  background: #E3E6F0;
}
.block-inline-blockhero-text h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #052476;
  background: #fff;
  border: 1px solid #4C2888;
  border-radius: 1.5rem;
  -webkit-box-shadow: 0 0 0.5rem 0.1rem #ecebfd;
  box-shadow: 0 0 0.5rem 0.1rem #ecebfd;
  padding: 1rem 2.5rem;
  margin-bottom: 2rem;
  line-height: 1.1;
  letter-spacing: 0.01em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
.block-inline-blockhero-text .field--name-body,
.block-inline-blockhero-text .field__item {
  font-size: 1.25rem;
  font-weight: 400;
  color: #232323;
  max-width: 60rem;
  margin: 0 auto;
  line-height: 1.6;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (max-width: 991.98px) {
  .block-inline-blockhero-text {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .block-inline-blockhero-text h2 {
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 0;
  }
  .block-inline-blockhero-text .field__item {
    font-size: 0.85rem;
  }
}
.block-organization-tabs-block .organization-tabs-block {
  background: #e8ecf4;
  padding: 2rem 2rem 1rem;
}
.block-organization-tabs-block .organization-tabs-block .nav-pills {
  background: #fff;
  border: 2px solid #4d3a98;
  border-radius: 1rem;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2rem;
  max-width: 76rem;
}
.block-organization-tabs-block .organization-tabs-block .nav-item {
  margin-bottom: 0;
}
.block-organization-tabs-block .organization-tabs-block .nav-link {
  background: #fff;
  color: #343434;
  border: 2px solid #4d3a98;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 2.7rem;
  min-width: 18rem;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  margin: 0;
  outline: none;
}
.block-organization-tabs-block .organization-tabs-block .nav-link:not(.active) {
  color: #343434;
  background: #fff;
  border: 2px solid #4d3a98;
}
.block-organization-tabs-block .organization-tabs-block .nav-link.active, .block-organization-tabs-block .organization-tabs-block .nav-link:active, .block-organization-tabs-block .organization-tabs-block .nav-link:focus-visible {
  background: #10236d;
  color: #fff;
  border: 2px solid #10236d;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block-organization-tabs-block .view-organization .view-header {
  max-width: 90rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: end;
}
.block-organization-tabs-block .view-organization .view-content {
  overflow: unset;
}
.block-organization-tabs-block .view-organization .views-table {
  overflow: unset;
}
.block-organization-tabs-block .view-organization .views-table th {
  position: sticky;
  top: 6rem;
  z-index: 100;
}
.block-organization-tabs-block .view-organization tbody .views-field-title {
  color: #052476;
  font-size: 1rem;
  font-weight: 700;
}
.block-organization-tabs-block #pills-tabContent {
  max-width: 90rem;
  margin: 0 auto;
}
.block-organization-tabs-block #pills-tabContent .view-header h4 {
  font-size: 1.375rem;
  text-align: center;
  padding-top: 1rem;
  font-weight: 700;
  color: #052476;
}

@media (max-width: 991.98px) {
  .block-organization-tabs-block .organization-tabs-block .nav-pills {
    background: #fff;
    border: 2px solid #4d3a98;
    border-radius: 1rem;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
  }
  .block-organization-tabs-block #pills-tabContent {
    width: 100%;
  }
  .view-organization .views-table,
  .view-programme .views-table {
    min-width: 30rem;
  }
  .view-organization,
  .view-programme {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .view-organization .views-table th {
    top: 0 !important;
    position: unset;
  }
}
.alert-success {
  margin-bottom: 0 !important;
}

.wrapper-twocol-section {
  background-color: #E3E6F0;
  margin-bottom: -2.5rem;
}
.wrapper-twocol-section .layout--twocol-section {
  max-width: 90rem;
  margin: 0 auto;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form {
  padding: 0 1.5rem 2.5rem 1.5rem;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item {
  margin-bottom: 1.7rem;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item label {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #1a2341;
  font-size: 1.07rem;
  display: block;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=text],
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=email],
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item textarea {
  width: 100%;
  border: 1.5px solid #bab6dc;
  background: #fff;
  border-radius: 10px;
  font-size: 1.1rem;
  font-family: "Montserrat", Arial, sans-serif;
  padding: 1rem 1rem;
  color: #1a2341;
  -webkit-transition: border-color 0.18s, -webkit-box-shadow 0.18s;
  transition: border-color 0.18s, -webkit-box-shadow 0.18s;
  transition: border-color 0.18s, box-shadow 0.18s;
  transition: border-color 0.18s, box-shadow 0.18s, -webkit-box-shadow 0.18s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=text]::-webkit-input-placeholder, .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=email]::-webkit-input-placeholder, .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item textarea::-webkit-input-placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=text]::-moz-placeholder, .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=email]::-moz-placeholder, .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item textarea::-moz-placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=text]:-ms-input-placeholder, .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=email]:-ms-input-placeholder, .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item textarea:-ms-input-placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=text]::-ms-input-placeholder, .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=email]::-ms-input-placeholder, .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item textarea::-ms-input-placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=text]::placeholder,
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=email]::placeholder,
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item textarea::placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=text]:focus,
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item input[type=email]:focus,
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item textarea:focus {
  border-color: #283892;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(40, 56, 146, 0.09);
  box-shadow: 0 2px 8px rgba(40, 56, 146, 0.09);
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item textarea {
  min-height: 110px;
  resize: vertical;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-item:last-child {
  margin-bottom: 0;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .button {
  margin: 0;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-submit {
  background-color: #052476;
  border: none;
  border-radius: 0.625rem;
  width: 22.625rem;
  height: 3.5625rem;
  padding: 0 1.25rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-submit span {
  font-size: 1rem;
  color: #fff;
  position: relative;
  z-index: 2;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-submit::before {
  content: "";
  position: absolute;
  top: -1.875rem;
  right: -1.875rem;
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(210, 210, 210, 0.8);
  border-radius: 100%;
  z-index: 1;
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
}
.wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-submit:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #ff9320;
  border-radius: 0.625rem;
}

@media (max-width: 991.98px) {
  .wrapper-twocol-section .layout--twocol-section {
    width: 100%;
  }
  .wrapper-twocol-section .layout--twocol-section .atscale-contact-block-form .form-submit {
    width: 15.625rem;
  }
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    margin: auto;
  }
}
.block-inline-blockcontact-information {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 2.8rem 2.4rem 2.5rem 2.4rem;
  width: 33.5rem;
  height: 39.375rem;
  margin: 3rem auto 0 auto;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  border-radius: 2.125rem 0.5rem 2.5625rem 0.5rem;
}
.block-inline-blockcontact-information::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 3.6rem;
  border-radius: 3rem 0.5rem;
  background: #FFE9D2;
  pointer-events: none;
  width: 27.625rem;
  height: 32.625rem;
  top: 3.6rem;
}
.block-inline-blockcontact-information .contact-information-wrapper {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32rem;
  width: 27.625rem;
  padding: 4rem 3.6875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.6875rem;
  border-radius: 3rem 0.5rem;
  background: #E3E6F0;
}
.block-inline-blockcontact-information > * {
  position: relative;
  z-index: 1;
}
.block-inline-blockcontact-information h2 {
  font-size: 1.7rem;
  font-weight: 700;
  color: #232323;
  letter-spacing: 0.01em;
}
.block-inline-blockcontact-information .field__label,
.block-inline-blockcontact-information .field .field__label {
  font-weight: 600;
  color: #44494f;
  font-size: 1.17rem;
  margin-bottom: 0.35rem;
  letter-spacing: 0.01em;
}
.block-inline-blockcontact-information .field__item,
.block-inline-blockcontact-information .field .field__item {
  font-size: 1.1rem;
  color: #02216b;
  word-break: break-all;
}
.block-inline-blockcontact-information .field__item a,
.block-inline-blockcontact-information .field .field__item a {
  color: #02216b;
  text-decoration: underline;
  font-size: 1.1rem;
}
.block-inline-blockcontact-information .field__item a:hover,
.block-inline-blockcontact-information .field .field__item a:hover {
  color: #284cad;
}
.block-inline-blockcontact-information .field:last-child {
  margin-bottom: 0;
}
.block-inline-blockcontact-information .field--name-field-social-link .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.1rem;
  margin-top: 0.25rem;
}
.block-inline-blockcontact-information .field--name-field-social-link .footer-social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  padding-left: 0;
}
.block-inline-blockcontact-information .field--name-field-social-link .footer-social-link .social-icon-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  width: 1.6rem;
  height: 1.6rem;
  border: none;
}
.block-inline-blockcontact-information .field--name-field-social-link .footer-social-link .social-icon-circle img {
  width: 2.6rem;
  height: 2.6rem;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 991.98px) {
  .block-inline-blockcontact-information {
    width: 25rem;
    margin: 3rem auto;
  }
  .block-inline-blockcontact-information::before {
    width: 20.625rem;
  }
  .block-inline-blockcontact-information .contact-information-wrapper {
    width: 20.625rem;
    padding: 2rem 1.6875rem;
  }
  .block-inline-blockcontact-information h2 {
    font-size: 1.4rem;
  }
}
.block-inline-blockform-steps {
  background-color: #E3E6F0;
}
.block-inline-blockform-steps .form-steps-container {
  max-width: 90rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.block-inline-blockform-steps .form-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.block-inline-blockform-steps .form-steps .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.block-inline-blockform-steps .form-steps .field__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
}
.block-inline-blockform-steps .paragraph--type--form-step {
  background: #fff;
  padding: 1.2rem 2.6rem;
  width: 25rem;
  height: 14.31rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  border-radius: 0.5rem;
  border: 1px solid #4C2888;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.block-inline-blockform-steps .step-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.block-inline-blockform-steps .field--name-field-step-title {
  width: 10rem;
  color: #572E8B;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.1;
  display: inline-block;
  letter-spacing: 0.03em;
  padding-left: 0.2rem;
  padding-top: 0.05rem;
}
.block-inline-blockform-steps .paragraph--type--form-step .step-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.2rem;
  margin-top: 0.7rem;
}
.block-inline-blockform-steps .field--name-field-step-number {
  color: #D47A1B;
  font-family: Lexend;
  font-size: 7.88238rem;
  font-style: normal;
  font-weight: 500;
  line-height: 122.534%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.block-inline-blockform-steps .field--name-field-step-description {
  color: #3A3A3A;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  margin: auto;
}

@media (max-width: 991.98px) {
  .block-inline-blockform-steps .form-steps-container {
    width: 100%;
    padding: 0rem 0.5rem;
  }
  .block-inline-blockform-steps .form-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .block-inline-blockform-steps .paragraph--type--form-step {
    width: 20rem;
    min-width: 90vw;
    margin: 0 auto 1rem;
  }
  .block-inline-blockform-steps .form-steps .field__items {
    display: block;
  }
  .block-inline-blockform-steps .field--name-field-step-description {
    font-size: 0.9rem;
  }
}
.block-resource-programme-forms-block {
  background: #ffffff;
  margin: 2rem 0;
  position: relative;
}
.block-resource-programme-forms-block::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 90rem;
  height: 100%;
  background: #FFE9D2;
  border-radius: 4.6875rem 0.5rem;
  pointer-events: none;
  margin-left: 2rem;
  margin-top: 2rem;
}
.block-resource-programme-forms-block .resource-programme-forms-block-wrapper {
  position: relative;
  z-index: 1;
  padding: 2.625rem 9.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 90rem;
  margin: 0 auto;
  border-radius: 4.6875rem 0.5rem;
  background: #E3E6F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.block-resource-programme-forms-block ul.nav-tabs {
  background: #fff;
  border: 2px solid #4d3a98;
  border-radius: 1rem;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2rem;
  max-width: 52rem;
}
.block-resource-programme-forms-block ul.nav-tabs li.nav-item {
  margin-bottom: 0;
}
.block-resource-programme-forms-block ul.nav-tabs button.nav-link {
  background: #fff;
  color: #343434;
  border: 2px solid #4d3a98;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 2.7rem;
  min-width: 18rem;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.block-resource-programme-forms-block ul.nav-tabs button.nav-link:not(.active) {
  color: #343434;
  background: #fff;
  border: 2px solid #4d3a98;
}
.block-resource-programme-forms-block ul.nav-tabs button.nav-link.active, .block-resource-programme-forms-block ul.nav-tabs button.nav-link:active, .block-resource-programme-forms-block ul.nav-tabs button.nav-link:focus-visible {
  background: #10236d;
  color: #fff;
  border: 2px solid #10236d;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content {
  max-width: 90rem;
  margin: 0 auto;
  padding: 2rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content form {
  width: 46rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .view-header h4 {
  font-size: 1.5rem;
  text-align: center;
  padding-top: 1rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-control,
.block-resource-programme-forms-block #tabbed-forms-tabs-content textarea.form-control {
  border: 1.5px solid #bab6dc;
  background: #fff;
  border-radius: 10px;
  font-size: 1.1rem;
  font-family: "Montserrat", Arial, sans-serif;
  padding: 1rem;
  color: #1a2341;
  -webkit-transition: border-color 0.18s, -webkit-box-shadow 0.18s;
  transition: border-color 0.18s, -webkit-box-shadow 0.18s;
  transition: border-color 0.18s, box-shadow 0.18s;
  transition: border-color 0.18s, box-shadow 0.18s, -webkit-box-shadow 0.18s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-control::-webkit-input-placeholder, .block-resource-programme-forms-block #tabbed-forms-tabs-content textarea.form-control::-webkit-input-placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-control::-moz-placeholder, .block-resource-programme-forms-block #tabbed-forms-tabs-content textarea.form-control::-moz-placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-control:-ms-input-placeholder, .block-resource-programme-forms-block #tabbed-forms-tabs-content textarea.form-control:-ms-input-placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-control::-ms-input-placeholder, .block-resource-programme-forms-block #tabbed-forms-tabs-content textarea.form-control::-ms-input-placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-control::placeholder,
.block-resource-programme-forms-block #tabbed-forms-tabs-content textarea.form-control::placeholder {
  color: #bab6dc;
  opacity: 1;
  font-size: 1.06rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-control:focus,
.block-resource-programme-forms-block #tabbed-forms-tabs-content textarea.form-control:focus {
  border-color: #283892;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(40, 56, 146, 0.09);
  box-shadow: 0 2px 8px rgba(40, 56, 146, 0.09);
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content textarea.form-control {
  min-height: 110px;
  resize: vertical;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .form-item {
  margin-bottom: 1.7rem;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .form-item:last-child {
  margin-bottom: 0;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content label {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #1a2341;
  font-size: 1.07rem;
  display: block;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content label.option {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-checkbox.form-check-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  pointer-events: none;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content label.option {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 34px;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content label.option::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/checkbox.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content input.form-checkbox.form-check-input:checked + label.option::before {
  background-image: url("/themes/custom/atscale_resource_hub_theme/icons/checkbox-checked.svg");
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .button {
  margin: 0;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .submit-wrapper {
  text-align: center;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .submit-wrapper .form-submit {
  background-color: #052476;
  border: none;
  border-radius: 0.625rem;
  width: 22.625rem;
  height: 3.5625rem;
  padding: 0 1.25rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .submit-wrapper .form-submit span {
  font-size: 1rem;
  color: #fff;
  position: relative;
  z-index: 2;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .submit-wrapper .form-submit::before {
  content: "";
  position: absolute;
  top: -1.875rem;
  right: -1.875rem;
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(210, 210, 210, 0.8);
  border-radius: 100%;
  z-index: 1;
  -webkit-transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease;
}
.block-resource-programme-forms-block #tabbed-forms-tabs-content .submit-wrapper .form-submit:hover::before {
  width: 200%;
  height: 200%;
  top: 0;
  right: 0;
  background-color: #ff9320;
  border-radius: 0.625rem;
}

@media (max-width: 991.98px) {
  .block-resource-programme-forms-block::before {
    width: 20rem;
    height: 100%;
    bottom: -1rem;
  }
  .block-resource-programme-forms-block .resource-programme-forms-block-wrapper {
    width: 22rem;
    padding: 2.625rem 0.75rem;
  }
  .block-resource-programme-forms-block #tabbed-forms-tabs-content {
    padding: 0;
  }
  .block-resource-programme-forms-block #tabbed-forms-tabs-content form {
    width: 20rem;
  }
  .block-resource-programme-forms-block #tabbed-forms-tabs-content form .submit-wrapper .form-submit {
    width: 15.625rem;
  }
  .block-resource-programme-forms-block ul.nav-tabs {
    max-width: 20rem;
    gap: 0.5rem;
    padding: 0.5rem;
  }
  .block-resource-programme-forms-block ul.nav-tabs button.nav-link {
    height: 100%;
    width: 9rem;
    min-width: unset;
    font-size: 0.7rem;
    padding: 0.5rem;
  }
}