@charset "UTF-8";

/*
Theme Name: NIDA (Main) Child theme 2024
Theme URI: https://alphasys.com.au
Template: BlankMain
Author: Chris Chatterton, Junjie Canonio
Author URI: https://alphasys.com.au
Description: This is a child theme of BlankMain

GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com

Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.4.1.0
Updated: 2024-10-17

*/

@font-face {
    font-family: 'Theinhardt';
    src: url('assets/fonts/Theinhardt-Bold.woff2') format('woff2'),
        url('assets/fonts/Theinhardt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Theinhardt';
    src: url('assets/fonts/Theinhardt-BoldIta.woff2') format('woff2'),
        url('assets/fonts/Theinhardt-BoldIta.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Theinhardt';
    src: url('assets/fonts/Theinhardt-Light.woff2') format('woff2'),
        url('assets/fonts/Theinhardt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Theinhardt';
    src: url('assets/fonts/Theinhardt-LightIta.woff2') format('woff2'),
        url('assets/fonts/Theinhardt-LightIta.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Theinhardt';
    src: url('assets/fonts/Theinhardt-Medium.woff2') format('woff2'),
        url('assets/fonts/Theinhardt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Theinhardt';
    src: url('assets/fonts/Theinhardt-MediumIta.woff2') format('woff2'),
        url('assets/fonts/Theinhardt-MediumIta.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Theinhardt';
    src: url('assets/fonts/Theinhardt-RegularIta.woff2') format('woff2'),
        url('assets/fonts/Theinhardt-RegularIta.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Theinhardt';
    src: url('assets/fonts/Theinhardt-Regular.woff2') format('woff2'),
        url('assets/fonts/Theinhardt-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('assets/fonts/Manuka-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: bold;
    font-display: swap;
}

:root {

  /* Sizes */
  --media-small: 0px;
  --size-header-offset: 5.3rem;
  --breadcrumb-offset: -6rem;
  --breadcrumb-offset-sm: -1.5rem;

  /* heights */
  --size-hero-height-home-small: 100vh;
  --size-hero-height-page-small: 33vh;
  --size-hero-height-home-medium: 100vh;
  --size-hero-height-page-medium: 70vh;
  --size-hero-height-home-large: 100vh;
  --size-hero-height-page-large: 70vh;
  --size-profile-height-mobile: 18.75rem;

  /* media queries */
  --media-small: 576px;
  --media-medium: 768px;
  --media-large: 1024px;

  /* widths */
  --width-full: 100%;
  --width-medium: 75rem;
  --width-small: 62rem;

/* typography */
  --h1: 3rem;
  --h2: 2rem;
  --h3: 1.625rem;
  --h4: 1.25rem;
  --font-sm: 0.75rem;
  --font-md: 0.99626412551359rem;
  --font-lg: 1.125rem;
  --font-btn: 0.875rem;
  --font-bold: 1.5rem;

  /* padding */
  --padding-sm: 1.5rem;
  --padding-md: 1.5rem;
  --padding-lg: 1.5rem;
  --padding-xl: 1.5rem;

  /* oppacity */
  --oppacity-high: 50%;
  --oppacity-med: 60%;
  --oppacity-none: 100%;

  /* other defaults */
  --transition-time-sm: 0.25s ease-in;
  --transition-time-md: 1s ease-in;
  --transition-time-lg: 2s ease-in;
  --transition-sm: filter 0.25s ease-in, color 0.25s ease-in, background-color 0.25s ease-in;
  --transition-md: filter 1s ease-in, color 1s ease-in, background-color 1s ease-in;
  --transition-lg: filter 2s ease-in, color 2s ease-in, background-color 2s ease-in;

}

/* core styles */
html {
  font-size: 15px;
}
html body {
  font-family: Theinhardt, sans-serif;
  opacity: 100%;
  /* normalise */
}
html body .banner-title-btn {
  top: 50%;
}
html body a {
/*  text-decoration: none;*/
  color: #212529;
}
html body a:hover {
  /* text-decoration: underline; */
}

.entry-content p:not(.cta) a {
  color: #212529;
  border-bottom: 2px dotted #000000;
}

.entry-content p:not(.cta) a:hover {
  border-bottom: 2px solid #000000;
}
html body .btn {
  background-color:  #2ed1ec;
  line-height: 1.5rem;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bolder;
  padding: 0.5rem 1rem;
  color: #000000;
  text-transform: uppercase;
}
html body .btn:hover {
  text-decoration: none;
  background-color: #212529;
  color: #ffffff;
}
html body .btn.sentence {
  text-transform: unset;
}
html body .btn.small {
  line-height: calc(1.5rem * 0.8);
  font-size: calc(0.875rem * 0.8);
}
html body div {
  margin: 0;
  padding: 0;
  display: block;
}
html body span {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
html body p {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  line-height: 1.5;
}
html body ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.3rem;
}
html body ul li {
  display: list-item;
  line-height: 1.5;
}
html body ul li a {
  display: inline-flex;
}
html body .site-logo, html body .site-branding {
  margin-bottom: 0;
}
html body ul.card-row-grid {
  margin: 0;
}
html.page:not(.page-id-344) {
  position: relative;
}

.page-id-344 {
  .title-wrapper {
    display: none;
  }
}

.entry-content ul:not(.card-row-grid) {
  list-style: disc;
  display: inline-block;
}

.site-footer ul:not(.nida-footer__social-section-list) {
  display: block;
}

.copyright-bar > * {
  display: inline;
}

.nida-footer-container .nida-footer-content {
  /*max-width: 62rem;*/
  font-size: 0.99626412551359rem;
  font-weight: bold;
}

/* topbar */
.top-bar {
  font-size: 0.75rem;
  font-weight: bold;
  z-index: 1;
  width: 100%;
  display: none;
}
.mobile-menu-open .top-bar {
  display: block;
  margin-top: 2.5rem;
}
.mobile-menu-open #menu-topbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.mobile-menu-open .top-bar .inside-top-bar {
  padding: 0;
  height: 2.5rem;
}
.mobile-menu-open #menu-topbar>li {
  flex: none;
}
.mobile-menu-open #menu-topbar>li:first-child,
.mobile-menu-open #menu-topbar>li:nth-child(2),
.mobile-menu-open #menu-topbar>li:nth-child(3) {
  flex: 0 1 100%;
}
.mobile-menu-open .top-bar .inside-top-bar a {
  padding: .25rem .5rem;
}
.mobile-menu-open .widget ul li {
  margin-bottom: 0;
}
.top-bar .inside-top-bar {
  padding: 0 1rem;
  height: 2.5rem;
}
.top-bar .inside-top-bar a:not(:has(i)) {
  margin-right: 0.75rem;
}
.top-bar .inside-top-bar a {
  --pnp-typeface-margin: 0.5rem;
  align-items: center;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.125rem;
  padding: .75rem .25rem;
  text-decoration: none;
  transition: color .2s;
}
.top-bar .inside-top-bar a i {
  height: 1.25rem;
  width: 1.25rem;
  line-height: 1.25rem;
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  color: #212529;
}
.top-bar .inside-top-bar a:hover {
  color: var(--btn-secondary-bg);
  text-decoration: none;
}
.top-bar .inside-top-bar a:hover i {
  background-color: var(--btn-secondary-bg);
}

/* main nav */
header#masthead {
  margin-bottom: -1px;
  z-index: 1;
}
header#masthead .inside-header {
  padding: 0.6rem 1rem;
}
header#masthead .inside-header .site-logo {
  z-index: 2;
}
header#masthead .inside-header .site-logo img {
  max-height: 2rem;
  width: auto;
  filter: invert(100%);
  transition: var(--transition-sm);
}
header#masthead .inside-header .main-navigation:not(.toggled) .menu-bar-item {
  color: #212529;
}
header#masthead .inside-header .main-navigation:not(.toggled) .menu-bar-item > a {
  line-height: 1rem;
}
header#masthead .inside-header .main-navigation:not(.toggled) .menu-toggle {
  color: #212529;
}
header#masthead .inside-header .main-navigation.toggled .menu-bar-item {
  color: #ffffff;
}
header#masthead .inside-header .main-navigation.toggled .menu-toggle {
  color: #ffffff;
}

#site-navigation .inside-navigation #menu-main > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children {
  position: relative;
}
#site-navigation .inside-navigation #menu-main > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
#site-navigation .inside-navigation #menu-main > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu > li > a {
  font-size: 1rem;
  padding: 0.1rem;
}

html:not(.mobile-menu-open) header#masthead:hover, html:not(.mobile-menu-open) body:not(.home) header#masthead {
  background-color: #ffffff;
  transition: var(--transition-sm);
}
html:not(.mobile-menu-open) header#masthead:hover .is-logo-image, html:not(.mobile-menu-open) body:not(.home) header#masthead .is-logo-image {
  filter: none;
}
html:not(.mobile-menu-open) header#masthead:hover li > a, html:not(.mobile-menu-open) body:not(.home) header#masthead li > a {
  color: #212529;
}

.mobile-menu-open header#masthead {
  background: #212529;
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}

/* hero & header styles */
body.home .hero {
  width: 100%;
  height: 100vh;
  position: relative;
}

body:not(.home) .hero {
  width: 100%;
}

.featured-image > img {
  width: 100%;
  object-fit: cover;
}

.hero-split {
  width: 65%;
  position: absolute;
}

.hero-split.right, .hero-split.left, body:not(.home) .hero {
  height: 33vh;
}

.featured-image > img {
  height: 33vh;
}

.hero-split.left {
  left: 0;
  z-index: 10;
  background: linear-gradient(90deg, #020024 85%, rgba(0, 212, 255, 0) 100%);
}

.hero-split.right {
  right: 0;
  z-index: 1;
}

.hero.video {
  overflow: hidden;
  max-width: 100%;
}
.hero.video video.background-video {
  min-width: 100%;
  /* position: absolute; */
  left: 0;
  top: 50%;
  /* transform: translate(0, -50%); */
  position: static;
  transform: none;
  /* margin-top: calc(-1 * 11rem); */
}

.hero-slider {
  position: relative;
  height: 85vh;
  overflow: hidden;
}

.hero-slider .title-container {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
}

.hero-slider .title-container .content-container {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  padding: 2rem 1.5rem !important;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
}

.hero-slider .title-container .page-title {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1;
  font-size: 6rem;
  margin-bottom: 0;
}

.hero-slider .right-container {
  position: absolute;
  bottom: 70px;
  right: 30px;
  display: flex;
  gap: 3rem;
  flex-direction: column;
  align-items: flex-end;
}

.hero-slider .splide__arrows {
  width: 130px;
  position: relative;
  right: -15px;
  height: 40px;
}

.hero-slider .splide__arrows:not(.custom-slider-arrows) {
  display: none;
}

.hero-slider .splide__arrows button i {
  color: #212529;
  transition: fill 200ms ease-in-out;
}

.hero-slider .splide__arrows button:hover i {
  color: #FFFFFF;
}

.hero-slider .splide__track {
  height: 100%;
}

.hero-slider .splide__track .slider-item {
  height: 100% !important;
}

.hero-slider .splide__track .slider-item img,
.hero-slider .splide__track .slider-item video {
  width: 100vw;
  height: 100%;
  object-fit: cover;
}


body.home .featured-image {
  margin-top: calc(-1 * 5.3rem);
}

.single-post .hero {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  width: auto;
}

/* breadcrumb */
.page-template-page-people {
  position: relative;
}
.page-template-page-people .BreadcrumbsHero-main-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 75rem;
  width: 100%;
  overflow: hidden;
}
.page-template-page-people .BreadcrumbsHero-main-cont .Hero-profile-image {
  min-height: 18.75rem;
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}
.page-template-page-people .BreadcrumbsHero-main-cont .Hero-profile-image img {
  width: 100%;
}
.page-template-page-people .BreadcrumbsHero-main-cont .Breadcrumbs-main-cont {
  align-self: flex-end;
  flex: 1 1 0;
  font-size: 1.25rem;
  z-index: 3;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .site.container, .separate-containers .paging-navigation, .inside-page-header {
  background-color: #eae8e3 !important;
}

body.body-hero-none:not(.page-id-344) .Breadcrumbs-main-cont {
  background-color: transparent !important;
}

body .Breadcrumbs-main-cont {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: fit-content;
  min-width: 20rem;
  top: -1.5rem;
  margin-bottom: -1.5rem;
  background-color: #212529;
  color: #ffffff;
  font-size: 1.25rem;
  padding: 1rem;
  left: 0;
}
body .Breadcrumbs-main-cont .title {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
}
body .Breadcrumbs-main-cont .Breadcrumbs-nav-cont {
  font-size: 1.25rem;
  padding: 0.5rem 0 0;
}
body .Breadcrumbs-main-cont .Breadcrumbs-nav-cont > * {
  font-weight: normal;
  display: inline;
}
body .Breadcrumbs-main-cont .Breadcrumbs-nav-cont a {
  color: #ffffff;
  font-weight: bold;
}
body .Breadcrumbs-main-cont .Breadcrumbs-nav-cont span {
  opacity: 60%;
}

/* body.page-id-344 .Breadcrumbs-main-cont {
  display: none;
} */

body.page-id-344 .breadcrumbs > * {
  display: inline;
}

body.page-id-354 .Breadcrumbs-main-cont {
  background-color: #212529;
}

.breadcrumbs-slider-cont {
  padding: 3rem 0 2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 2rem;
  .breadcrumbs-nav-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    a, i, span {
      font-size: 20px;
      font-weight: 700;
      color: #0964af;
    }
    .current-title {
      font-weight: 700;
      color: #000000;
    }
  }
}

/* study search & breadcrumbs */
.title-wrapper {
  position: absolute;
  top: 21%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75rem;
  max-width: 96%;
}
.title-wrapper input {
  width: 100%;
}
.title-wrapper h1 {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
}
.title-wrapper .breadcrumbs {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
  display: flex;
}
.title-wrapper .breadcrumbs a {
  color: #ffffff;
  margin-right: 0.5rem;
  text-decoration: none;
}

/* additional header styles */
h1, h2, h3, h4, h5 {
  margin-bottom: 0.5rem;
}

h1.spaced {
  line-height: calc( 3rem * 1.375);
  margin: 3rem 0;
}

h2.spaced {
  line-height: calc( 2rem * 1.375);
  margin: 2rem 0;
}

h3.spaced {
  line-height: calc( 1.625rem * 1.375);
  margin: 1.625rem 0;
}

h4.spaced {
  line-height: calc( 1.25rem * 1.375);
  margin: 1.25rem 0;
}

h5.spaced {
  line-height: calc( var(--h5) * 1.375);
  margin: var(--h5) 0;
}

h1, .h1 {
  font-size: 42px;
	margin-bottom: 20px;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: none;
}

h2, .h2 {
  font-size: 35px;
	margin-bottom: 20px;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: none;
}

h3, .h3 {
	font-size: 29px;
	margin-bottom: 20px;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: none;
}

h4, .h4 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

h5, .h5 {
	font-size: 20px;
}

/* Rows */
.row .recent-header_container {
  display: flex;
}
.row .recent-header_container > * {
  flex-grow: 1;
}
.row .recent-header_container a {
  text-align: right;
  line-height: 2rem;
  font-size: 0.99626412551359rem;
  font-weight: bold;
  color: #000000;
  background: none;
  position: relative;
  bottom: -0.5rem;
}

/* cards */
.overflow-hidden {
  overflow: hidden !important;
}

.text-center {
  text-align: center !important;
}

html body .row ul.card-row-grid {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

li:has(.magic_card) {
  margin-bottom: 2rem;
}

.magic_card {
  display: inline-block;
  height: 100%;
}
.magic_card a:hover {
  text-decoration: none;
}
.magic_card .card {
  position: relative;
  border-width: 1px;
  display: inline-block;
  height: 100%;
  padding: 0;
}
.magic_card .card:not(.card-wrapper) {
  padding: 0;
}
.magic_card .card.card-wrapper > div {
  padding: 1.5rem;
  font-size: 1rem;
  min-height: 14rem;
}
.magic_card .card.card-wrapper > div .cta.bottom {
  position: absolute;
  bottom: 2rem;
  width: 100%;
/*  left: 0;*/
}
.magic_card .card.card-wrapper > div p:not(.cta):not(.btn) {
  /*display: table-cell;*/
  height: 5rem;
  vertical-align: middle;
}
.magic_card .card.card-wrapper.text-left .cta.bottom {
  left: 1.5rem;
}
.magic_card .card.border > div {
  border: 1px solid #f0f0f0;
  display: inline-block;
  height: 100%;
  /*            padding-bottom: 2.5rem;*/
}
.magic_card .card .bg-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  transition: transform 0.25s ease-in;
}
.magic_card .card .bg-img.square {
  height: 21.5rem;
}
.magic_card .card .bg-img.rectangle {
  height: 12rem;
}
.magic_card .card .bg-img.rectangle-lg {
  height: 16rem;
}
.magic_card .card .cta {
  margin-top: 0.5rem;
  font-weight: normal;
}
.magic_card .card .cta.bottom {
  position: absolute;
  bottom: 1rem;
}
.magic_card .card .cta i {
  transition: margin-left 0.25s ease-in;
}
.magic_card .card:hover {
  border-width: 1px;
}
.magic_card .card:hover .bg-img {
  transform: scale(1.05);
}
.magic_card .card:hover .cta:not(.btn) {
  color: #1e73be;
}
.magic_card .card:hover .cta:not(.btn) i {
  margin-left: 0.5rem;
}

.card .tag ul {
  margin-left: 0;
  margin-bottom: 1rem;
}
.card .tag ul li {
  align-content: center;
  align-items: center;
  border: 1px solid #212529;
  border-radius: 0.625rem;
  color: #212529;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.99626412551359rem;
  font-weight: 400;
  justify-content: center;
  line-height: 1.125rem;
  overflow: hidden;
  padding: 0.3125rem 0.625rem;
}

.card.news-section {
  visibility: visible;
}
.card.news-section span.prod-date {
  color: #212529;
  opacity: 0.5;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.card.news-section span.prod-date i {
  margin-right: 0.5rem;
}
.card.news-section p {
  font-size: 0.875rem;
  max-height: 4rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card.news-section p:after {
  content: "...";
}

.card-content {
  padding: 1.5rem !important;
}

@media only screen and (min-width: 768px) {
  html {
    font-size: 16px;
  }

  /*    .row li:first-of-type {margin-left: -1rem;}
      .row li:last-of-type {margin-right: -1rem;}*/
  html body .row ul.card-row-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }

  /* topbar */
  .top-bar {
    font-size: 0.99626412551359rem;
    position: relative;
    bottom: auto;
    left: auto;
  }

  /* hero & header styles */
  body.home .hero, body.page-id-344 .hero {
    height: 100vh;
  }

  .hero-split.right, .hero-split.left, body:not(.home):not(.page-id-344) .hero {
    height: 70vh;
  }

  .featured-image > img {
    height: 70vh;
  }

  /* breadcrumb */
  .breadcrumbs-main-cont .person-name {
    font-size: 3rem;
  }

  /* breadcrumb */
  .page-template-page-people {
    position: relative;
  }
  .page-template-page-people .BreadcrumbsHero-main-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 75rem;
    width: 100%;
    overflow: hidden;
  }
  .page-template-page-people .BreadcrumbsHero-main-cont .Hero-profile-image {
    min-height: 18.75rem;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .page-template-page-people .BreadcrumbsHero-main-cont .Hero-profile-image img {
    width: 100%;
  }
  .page-template-page-people .BreadcrumbsHero-main-cont .Breadcrumbs-main-cont {
    align-self: flex-end;
    flex: 1 1 0;
    font-size: 1.25rem;
    z-index: 3;
  }

  header#masthead .inside-header {
    padding: 0.6rem 1rem;
  }
  header#masthead .inside-header .site-logo img {
    max-height: 3rem;
  }

  body .Breadcrumbs-main-cont {
    top: -6rem;
    margin-bottom: -6rem;
    padding: 2rem 5rem 2rem 2rem;
    left: 0;
    width: fit-content;
    min-width: 30rem;
  }
  body .Breadcrumbs-main-cont .title {
    font-size: 3rem;
    line-height: 3rem;
  }
  body .Breadcrumbs-main-cont .Breadcrumbs-nav-cont {
    padding: 1rem 0 0;
  }

  .breadcrumbs > * {
    display: inline-block;
  }

  .magic_card .card:not(.card-wrapper) {
    /*        padding: 1rem; */
  }

  .magic_card .card .cta.bottom {
    bottom: 2rem;
  }

  .card-content {
    padding: 1.5rem !important;
  }

  li:has(.magic_card) {
    margin-bottom: 0;
  }

  .row-w-padding {
    max-width: 62rem;
    margin-left: auto;
    margin-right: auto;
  }

}

@media only screen and (min-width: 1200px) {
  .top-bar {
    display: block;
  }
}

/* SITE NAVIGATION CSS : Start ------------------------------------------------ */
.mobile-menu-open .mobile-menu-control-wrapper {
  background-color: #212529;
}
.mobile-menu-open #masthead .inside-header nav.mobile-menu-control-wrapper span {
  color: #ffffff;
}
.mobile-menu-open #masthead .inside-header nav.mobile-menu-control-wrapper button {
  color: #ffffff;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main {
  background-color: #212529;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li {
  background-color: #212529;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li a {
  color: #ffffff;
  background-color: #212529;
  font-weight: 400;
  font-size: 1.25rem;
  padding-left: 0;
  border-bottom: 0.0625rem solid #404040;
  line-height: 3rem;
  padding-left: 1rem;
  text-decoration: none!important;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li a span.dropdown-menu-toggle {
  border-left: 0.0625rem solid #404040;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li ul.sub-menu {
  background-color: #212529;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li ul.sub-menu li.menu-item-has-children {
  background-color: #212529;
  padding-left: 1rem;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li ul.sub-menu li.menu-item-has-children a {
  color: #ffffff;
  background-color: #212529;
  font-weight: 400;
  font-size: 1.25rem;
  border-bottom: 0.0625rem solid #404040;
  padding: 0;
  line-height: 3rem;
  padding-left: 1rem;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li ul.sub-menu li.menu-item-has-children a span.dropdown-menu-toggle {
  border-left: 0.0625rem solid #404040;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li ul.sub-menu li.menu-item-has-children ul.sub-menu li {
  padding-left: 1.5rem;
}
.mobile-menu-open #masthead .inside-header #site-navigation .inside-navigation #menu-main li ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
  padding: 0 1rem 0 0;
  margin-bottom: 0;
  border-bottom: none;
  line-height: 3rem;
}

body.home #mobile-menu-control-wrapper:not(.toggled) button.menu-toggle,
body.home #mobile-menu-control-wrapper:not(.toggled) div.menu-bar-items {
  color: #ffffff !important;
  background: transparent;
}
body.home .site-header .menu-bar-item a {
  color: #ffffff !important;
  transition: var(--transition-sm);
  background-color: transparent !important;
}
body.home .site-header:hover .menu-bar-item a {
  color: #212529 !important;
  transition: var(--transition-sm);
}
body.home .site-header:hover #mobile-menu-control-wrapper:not(.toggled) button.menu-toggle,
body.home .site-header:hover #mobile-menu-control-wrapper:not(.toggled) div.menu-bar-items {
  color: #212529;
}

#mobile-menu-control-wrapper:not(.toggled) button.menu-toggle,
#mobile-menu-control-wrapper:not(.toggled) div.menu-bar-items {
  color: #212529;
  background: transparent;
}

/* SITE NAVIGATION CSS : Start ------------------------------------------------ */
@media only screen and (min-width: 1024px) {
  /* hero & header styles */
  body.home .hero, body.page-id-344 .hero {
    height: 100vh;
  }

  .hero-split.right, .hero-split.left, body:not(.home):not(.page-id-344) .hero {
    height: 70vh;
  }

  .featured-image > img {
    height: 70vh;
  }

  /* SITE NAVIGATION CSS : Start ------------------------------------------------ */
  .main-navigation .main-nav ul li:hover ul.sub-menu {
    display: flex !important;
  }

  .main-navigation .main-nav ul li a:focus-within ul.sub-menu, .main-navigation .main-nav ul li:focus-within ul.sub-menu {
    display: flex !important;
  }

  .main-navigation .inside-navigation {
    position: unset !important;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children:hover a {
    color: #212529 !important;
    background-color: #eae8e3 !important;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children {
    position: unset !important;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu {
    left: 0;
    width: 100%;
    background-color: #eae8e3;
    display: none;
    flex-wrap: nowrap;
    justify-content: left;
    flex-direction: row;
    height: 27rem;
    overflow: hidden;
    padding: 5rem 7.5rem;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu .no-child-menu-container li a:hover {
    opacity: 60%;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu .no-child-menu-container li a {
    font-size: 1.25rem !important;
    padding: 0.25rem 0.25rem 0.25rem 0.625rem;
    --pnp-typeface-margin: 0.75rem;
    background: none;
    border: 0;
    color: #212529 !important;
    cursor: pointer;
    display: block;
    font: inherit;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0.625rem;
    overflow: visible;
    text-align: inherit;
    text-decoration: none;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children {
    max-width: 20rem;
    position: relative !important;
    margin: 0 1.25rem;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children a:hover {
    opacity: 100%;
    text-decoration: underline;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children a {
    border-bottom: 0.0625rem solid #212529;
    padding: 10px 0;
    font-weight: 700;
    line-height: 1.5rem;
    color: #212529 !important;
    background-color: transparent;
    text-decoration: none;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children a span.dropdown-menu-toggle {
    display: none !important;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
    position: unset !important;
    border-top: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    opacity: 1;
    pointer-events: auto;
    height: auto;
    overflow: visible;
    box-shadow: none !important;
    background-color: transparent;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li {
    box-shadow: none !important;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover {
    text-decoration: underline;
  }
  .main-navigation .inside-navigation .main-nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
    padding: 0.25rem 1rem 0.25rem 0;
    border-bottom: none;
    color: #ffffff;
    cursor: pointer !important;
    font: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    overflow: visible;
    text-align: inherit;
    text-decoration: none;
  }
  .main-navigation .inside-navigation .main-nav ul li.extracontent-container {
    max-width: 20rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .main-navigation .inside-navigation .main-nav ul li.extracontent-container .mega-menu__content {
    width: 18.75rem;
  }
  .main-navigation .inside-navigation .main-nav ul li.extracontent-container .mega-menu__content .mega-menu__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 16px;
    color: #212529;
  }
  .main-navigation .inside-navigation .main-nav ul li.extracontent-container .mega-menu__content .mega-menu__description {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    color: #212529;
  }
  .main-navigation .inside-navigation .main-nav ul li.extracontent-container .mega-menu__content a {
    align-items: center;
    background-color: #212529 !important;
    border: 0.0625rem solid #212529 !important;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 2rem;
    outline-offset: 0.1875rem;
    padding: 0.5rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
  }

  /* SITE NAVIGATION CSS : Start ------------------------------------------------ */
}
@media only screen and (min-width: 1200px) {
  .main-navigation {
    margin-top: -0.6rem;
    margin-bottom: -0.6rem;
    min-height: 5rem;
    position: unset;
  }
  .main-navigation:not(.toggled) ul li:hover > ul {
    left: 0;
  }
  .main-navigation .inside-navigation {
    position: unset;
  }
  .main-navigation .main-nav ul:not(.sub-menu) > li {
    position: unset;
  }
  .main-navigation .main-nav ul:not(.sub-menu) > li > a {
    min-height: 5rem;
    line-height: 5rem;
    color: #ffffff;
    transition: var(--transition-sm);
  }
  .main-navigation .main-nav ul:not(.sub-menu) > li > a:hover {
    background-color: #2ed1ec;
    color: #ffffff !important;
    text-decoration: none;
  }
  .main-navigation .main-nav ul.sub-menu {
    position: absolute;
    left: 0 !important;
    width: 100%;
    display: flex;
    background-color:  #2ed1ec;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    height: 27rem;
    overflow: hidden;
    padding: 5rem calc( (100% - 75rem) / 2);
  }
  .main-navigation .main-nav ul.sub-menu .mega-menu__content {
    color: #ffffff;
  }
  .main-navigation .main-nav ul.sub-menu .mega-menu__content .mega-menu__title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
  }
  .main-navigation .main-nav ul.sub-menu .mega-menu__description {
    font-size: 1rem;
  }
}

/* narrow pages content & not title */
.page-id-356 .grid-container .entry-content {
  max-width: 62rem;
  margin-left: auto;
  margin-right: auto;
}

/* narrow pages content & title */
.page-template-page-courseinfo .grid-container > .site-content {
  max-width: 62rem;
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------ Course Page template CSS -------------------------------- */
.page-template-page-courseinfo h2 {
  margin-bottom: 1rem;
}
.page-template-page-courseinfo p {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont {
  position: relative;
  margin: -3rem auto 2rem auto;
  width: 100%;
  padding: 2rem;
  row-gap: 1.25rem;
  background-color: #ffffff;
  color: #212529;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .cricos-cont {
  background: #f8f8f8;
  border-radius: 0 0 0 0.625rem;
  color: #212529;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.75rem;
  padding: 0.3125rem 0.625rem;
  line-height: 1rem;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .NIDA-Breadcrumbs-nav-cont a {
  color: #ffffff;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .NIDA-Breadcrumbs-nav-cont span {
  display: unset;
  opacity: 60%;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 1.5rem;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col .multicolumn-item__contents {
  position: relative;
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col .multicolumn-item__contents i {
  height: 2rem;
  width: 2rem;
  fill: currentColor;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  vertical-align: middle;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col .multicolumn-item__contents h4 {
  --pnp-typeface-margin: 1rem;
  border: 0;
  font: inherit;
  font-size: 1.18rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col .multicolumn-item__contents span {
  --pnp-typeface-margin: 0.75rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  max-width: 27.75rem;
  padding-bottom: 0;
  margin-bottom: 0;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col .course-summary__cta-block a {
  --pnp-typeface-margin: 0.75rem;
  align-self: flex-start;
  background: none;
  background-color: #ff97cf;
  color: #212529;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  outline-offset: 0.1875rem;
  overflow: visible;
  padding: 0.5625rem 1.09375rem;
  text-align: center;
  text-decoration: none !important;
  transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, color 0.35s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col .course-summary__cta-block a i {
  margin-left: 1rem;
}
.page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col .course-summary__cta-block a:hover {
  background-color: #212529;
  border-color: #212529;
  color: #ffffff;
}

.hero-banner-title {
  line-height: 1 !important;
}

.page-id-683 {
  .button-wrapper a:hover {
    background-color: #ffffff;
    color: #212529;
  }

  .accordion-item {
    a.button {
      background-color: #212529;
      &:hover {
        background-color: #eae8e3;
        color: #212529;
      }
    }
  }
}

/* Future Centre + Future Award Styling */
.wrap-px {
  padding: 0 1.9rem 0 1.9rem !important;
}
.page-id-24577 {
  .hero-slider {
    .page-title {
      color: #ffcb31 !important;
    }
  }

  .site.grid-container {
    background-color: #ffcb31 !important;
  }

  .breadcrumbs-nav-cont {
    a, i {
      color: #5c2d91 !important;
    }
  }

  a.btn {
    background-color: #5c2d91 !important;
    color: #FFFFFF !important;
    &:hover {
      background-color: #7e10a6bd !important;
    }
  }

  .content-container {
    .wp-block-heading {
      a {
        color: #5c2d91 !important;
      }
    }
  }

  .colored-textbox {
    h2 {
      font-size: 33px;
      line-height: 1.3;
    }
  }
}

.page-id-24595, .page-id-26839  {
  .hero-slider {
    .page-title {
      color: #ffcb31 !important;
    }
  }

  .site.grid-container {
    background-color: #5c2d91 !important;
  }

  .breadcrumbs-nav-cont {
    a, i {
      color: #ffcb31 !important;
    }
    span {
      color: #FFFFFF !important;
    }
  }

  a.btn {
    background-color: #ffcb31 !important;
    color: #000000 !important;
    &:hover {
      background-color: #e6b626 !important;
    }
  }

  .accordion-item .accordion:focus, .accordion-item .is-open {
    color: #212529 !important;
  }
}

.parent-pageid-24577:not(.page-id-24595, .page-id-26839) {
  .hero-slider {
    .page-title {
      color: #ffcb31 !important;
    }
  }

  .breadcrumbs-nav-cont {
    a, i {
      color: #5c2d91 !important;
    }
  }

  .site.grid-container {
    background-color: #ffcb31 !important;
  }

  a.btn {
    background-color: #ffcb31 !important;
    color: #000000 !important;
    &:hover {
      background-color: #e6b626 !important;
    }
  }

}

@media only screen and (min-width: 768px) {
  .page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont {
    padding: 3rem 4rem;
  }
  .page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .cricos-cont {
    padding: 0.5rem 1rem;
    font-size: inherit;
    line-height: 2rem;
  }
  .page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .person-name {
    font-weight: 700;
  }
  .page-template-page-courseinfo .NIDA-Breadcrumbs-main-cont .course-summary__col {
    width: 50%;
  }
}
/* Breadcumbs CSS : End ------------------------------------------------ */
/* Study Page Search container adjustment */
@media only screen and (min-width: 768px) {
  .title-wrapper {
    top: 50%;
  }
}
/* Search Results CSS */
.search .site-content {
  padding: 0 40px;
}
.search .site-main {
  max-width: 63rem;
  margin: 0 auto;
}
.search .banner-section {
  display: flex;
  flex-direction: column;
  min-height: 33vh;
  background-color: #ededed;
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.search .banner-section .banner-content {
  width: 100%;
  max-width: 82rem;
  margin: 0 auto;
  padding: 2rem;
  color: white;
}
.search .banner-section .banner-content h2 {
  --pnp-typeface-margin: 2rem;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0;
}
.search .banner-section .banner-content .search-form {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.search .banner-section .banner-content .search-form label {
  flex: 1;
}
.search .banner-section .banner-content .search-form label input.search-field {
  background-color: white;
  width: 100%;
}
.search .banner-section .banner-content .search-form .search-icon {
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: white;
  color: #519fd7;
  margin-left: -0.1rem;
}
.search .search-info {
  margin-bottom: 1rem;
  margin-top: 5rem;
}
.search .page-title {
  display: none;
}
.search .search-results-item {
  padding: 1.25rem;
  background-color: #f4f4f4;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  word-break: break-word;
}
.search .search-results-item h2 {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2.25rem;
  text-decoration: none !important;
  margin: 0 0 -0.5rem 0;
}
.search .search-results-item h2 a {
  text-decoration: none;
  color: black;
}
.search .search-results-item h2 a:hover {
  text-decoration: underline !important;
}
.search .search-results-item .entry-content {
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.2;
  padding-top: 0;
  margin: 1.125rem 0 0.7rem 0;
}
.search .search-results-item .entry-url a {
  text-decoration: underline;
  color: #1e73be;
}

.search-no-results .site-main h2 {
  padding: 5rem;
  text-align: center;
}

.paging-navigation .nav-links {
  color: #000000;
  display: flex;
  justify-content: start;
  margin-bottom: 1.25rem;
  width: 100%;
  margin-top: 1.5rem;
}
.paging-navigation .nav-links a.page-numbers, .paging-navigation .nav-links span.page-numbers {
  --pnp-typeface-margin: 0.75rem;
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.2;
  min-height: 2.75rem;
  min-width: 2.75rem;
  align-content: center;
  align-self: center;
  background: #ffffff;
  color: #000000;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0 0.1rem;
  padding: 0.88rem 0.625rem 0.625rem 0.625rem;
  text-decoration: none;
  transition: background-color 0.2s ease-in, color 0.2s ease-in;
}

.paging-navigation .page-numbers:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

.content-css .inside-article {
  max-width: 1300px;
  margin: 0 auto;
}

.landing-css .inside-article {
  max-width: 61.25rem;
  margin: 0 auto;
}

/* Skip Link */
.skip-link {
	position: absolute;
	top: -70px;
	left: 10px;
	background-color: #ffffff;
	color: #000000;
	z-index: 99999;
	padding: 15px;
	transition: top 400ms ease-in-out;
	text-decoration: underline;
	&:focus {
		top: 0;
	}
}

/* ----------------------------- New Breakout CSS RONALD --------------------------------*/
@media only screen and (min-width: 991px) {
  .wp-block-columns.alignfull:has(:first-child > .is-type-video) {
    display: flex;
    flex-direction: row;
    gap: 0;
    padding: 3rem;
  }
  .wp-block-columns.alignfull:has(:first-child > .is-type-video) div:nth-child(1) {
    margin-left: auto;
  }
  .wp-block-columns.alignfull:has(:first-child > .is-type-video) div:nth-child(2) {
    margin-right: auto;
    padding: 0 0 0 4.375rem;
  }
  .wp-block-columns.alignfull:has(:first-child > .is-type-video) div:nth-child(2) h2 {
    line-height: 3.5rem;
  }

  .wp-block-columns.alignfull:has(:nth-child(2) > .is-type-video) {
    /* display: flex; */
    flex-direction: row;
    gap: 0;
    padding: 3rem;
  }
  .wp-block-columns.alignfull:has(:nth-child(2) > .is-type-video) div:nth-child(2) {
    margin-right: auto;
  }
  .wp-block-columns.alignfull:has(:nth-child(2) > .is-type-video) div:nth-child(1) {
    margin-left: auto;
    padding: 0 4.375rem 0 0;
  }
  .wp-block-columns.alignfull:has(:nth-child(2) > .is-type-video) div:nth-child(1) h2 {
    line-height: 3.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .wp-block-columns.alignfull {
    display: flex;
/*     flex-direction: column; */
    padding: 3rem 2rem 2rem 2rem;
  }

  .wp-block-columns.alignfull > div {
    flex: 1 !important;
  }
}
/* ----------------------------- End of New Breakout CSS RONALD --------------------------------*/
.site-content {
  padding: 0 1.5rem !important;
}

.one-container .site-content {
	padding-bottom: 0 !important;
}

/* ----------------------------- Homepage CSS --------------------------------*/
.home .breakout-content-inner .button-wrapper a:hover {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}

/*-------------------------------- Single post css ---------------------------------*/
.single-post .featured-image .hero {
  margin-left: calc(-99.9vw / 2 + 100% / 2);
  margin-right: calc(-99vw / 2 + 100% / 2);
  width: auto;
  background-position: top;
}

.single-post .entry-title {
  margin-top: 7rem;
  font-weight: 600;
}
.single-post .author.vcard, .single-post .byline {
  display: none;
}
.single-post time.entry-date.published::before {
  content: " ";
  font-family: "FontAwesome";
  font-size: 1.25rem;
}
.single-post time.entry-date.published {
  font-size: 1.125rem;
}
.single-post .inside-article {
  max-width: 60rem;
  margin: 0 auto;
  padding-bottom: 2rem;
}
.single-post .inside-article p > img {
  padding: 2rem 0;
  max-width: 50rem;
  margin: 0 auto;
  display: block;
  float: none;
}
.single-post .inside-article p.news-image-caption {
  font-size: 0.99626412551359rem;
  text-align: center;
  margin-top: -1rem;
  margin-bottom: 2rem;
}
.single-post .inside-article p > strong {
  margin: 0.5rem 0 0.5rem 0;
  display: block;
}
.single-post .inside-article footer.entry-meta {
  display: none;
}

@media only screen and (min-width: 991px) {
  .magic_card .card.news-section.border .overflow-hidden {
    flex-direction: column;
  }
}
.magic_card .card.news-section.border .overflow-hidden {
  display: flex;
}
.magic_card .card.news-section.border .overflow-hidden .bg-img.rectangle-lg {
  flex: 2;
  max-height: 16rem;
  min-height: 16rem;
}

.magic_card .card.news-section.border .overflow-hidden .card-content > * {
  margin: 0;
}

.magic_card .card.news-section.border .overflow-hidden .card-content .tag > ul,
.magic_card .card.news-section.border .overflow-hidden .card-content .prod-date,
.magic_card .card.news-section.border .overflow-hidden .card-content p {
  margin: 0;
}

.magic_card .card.news-section.border .overflow-hidden .card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1.5rem;
  gap:1rem;
}
.magic_card .card.news-section.border .overflow-hidden .card-content span {
  margin-top: auto;
  width: fit-content;
}






/* School and teachers card css ronald */
.card.simple-with-desc-colored .bg-img.square {
  flex: 2;
  max-height: 16rem;
  min-height: 16rem;
}

.card.simple-with-desc-colored .overflow-hidden {
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
}

.card.simple-with-desc-colored .overflow-hidden .card-content {
  display: flex;
  flex-direction: column;
  flex: 2;
  gap: 1rem;
  padding: 1.5rem;
}

.card.simple-with-desc-colored .overflow-hidden .card-content > * {
  margin: 0;
}

.card.simple-with-desc-colored .overflow-hidden .card-content .cta {
  margin-top: auto !important;
}

.card.simple-with-desc-colored:hover .overflow-hidden .card-content .cta {
  color:#000000;
}

.overflow-hidden .card-content .cta > i {
  margin-left: 0.5rem;
}

.card.simple-with-desc-colored:hover .overflow-hidden .card-content .cta > i {
  margin-left: 1.5rem;
}

body .Breadcrumbs-main-cont {
	margin-top: -10rem;
}

@media only screen and (min-width: 768px) {
	body .Breadcrumbs-main-cont {
	margin-top: unset;
}
}

@media only screen and (max-width: 768px) {
  .hero-slider .content-container {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .hero-slider .content-container .right-container {
    position: initial;
    align-items: flex-start;
  }

  .hero-slider .splide__arrows {
    left: -15px;
    right: initial;
  }

  .hero-slider .page-title {
    font-size: 3rem !important;
  }

  .hero-slider {
    height: 50vh;
  }

  .hero-banner-title {
    font-size: 4rem !important;
  }

}

#pi_tracking_opt_in_div {
  padding: 10px 0px !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  a {
    margin-left: 12px !important;
  }
}
.is-provider-youtube iframe{
  aspect-ratio: 16/9;
  height: auto;
}

#pi_tracking_opt_in_yes, #pi_tracking_opt_in_no {
  color: #000000 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  &:hover {
     color: #212529 !important;
     font-weight: 700;
  }
}

/* Alumni card block CSS */

/**Alumni Profile***/
.nida-alumni-card {
     .nida-alumni-bg-img {
          max-width: 100%;
     }
    h2 {
        /* margin-top: 0.5em; */
        font-weight: 700;
        margin-bottom: 0;
        font-size: 1.625rem;
        line-height: 1.625rem;
     }
     .card-content p {
         font-size: 1.125rem;
         font-weight: 200;
         line-height: 1.2;
         margin-bottom: 0.5em;
     }
     .card-content span {
            margin-top: 1em;
            font-weight: 200;
            font-size: 1.125rem;
      }
      .card-content span i {
           margin-left: 1em;
      }

      min-width: 31%;
      text-decoration: none;
      color: var(--contrast);
}

/* Profile card CSS  */
.nida-profile-card {
     .nida-bg-img {
          max-width: 100%;
     }
     h2 {
        font-weight: 700;
        margin-bottom: 0.5em;;
        font-size: 1.625rem;
        line-height: 1.625rem;
     }
     .card-content p {
          --pnp-typeface-margin: 0.75rem;
         font-size: 1.125rem;
         font-weight: 400;
         line-height: 1.2;
         margin-bottom: 0.5em;
     }
     .card-content a {
            text-decoration: none;
            color: var(--contrast);
            margin-top: 1em;
      }
      .card-content a i {
           margin-left: 1em;
      }
}

/* styling for news card */
.news-section .card-content h2{
        font-weight: 700;
        font-size: 1.625rem;
        line-height: 1.625rem;
}

/* Sticky header styling */
.sticky_header.is-scrolled{
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.sticky_header.is-scrolled .site-header{
  background-color: #212529;
  transition: background-color 0.5s;
}

.splide__slide iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
}

.video-carousel-padding{
  padding: 32px;
}

.video-carousel-padding-no-background{
 padding: 32px 0px;
}

.button-wrapper a.btn-primary {
    background-color: var(--btn-primary-bg) !important;
    color: var(--btn-primary-fg) !important;
}
.button-wrapper a.btn-secondary {
    background-color: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-fg) !important;
}
.button-wrapper a:hover {
    background-color: #212529 !important;
    color: #ffffff !important;
}

.color-white{
  color : #ffffff !important;
}

.color-black{
  color : #212529 !important
}

.video-carousel-block .splide__pagination{
  bottom: -2rem!important;
  left: 50%!important;
  padding: 0px!important;
}

.splide__arrow:hover{
  background-color: none !important;
  border: 2px solid #ccc !important;
  svg{
    fill: #ccc
  }
}

.splide__pagination {
  mix-blend-mode: difference;
}
.accordion-content{
  overflow-x: auto!important;
}

.tablepress thead tr th, .tablepress tbody tr td {
  border: 1px solid #ddd;
}

/* Single Profile */
.single-profile .NIDA-BreadcrumbsHero-main-cont {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 2rem 1.7rem !important;
}

.single-profile .NIDA-BreadcrumbsHero-main-cont .NIDA-Breadcrumbs-main-cont{
  padding: 0 !important;
  max-width: 29rem !important;
  align-self: center;
}

@media only screen and (min-width: 300px) {
    .single-profile .NIDA-BreadcrumbsHero-main-cont .NIDA-Breadcrumbs-main-cont {
        padding: 0 !important;
        max-width: none !important;
        margin-top: 2rem !important;
    }
}

@media only screen and (min-width: 768px) {
  .single-profile .NIDA-BreadcrumbsHero-main-cont .NIDA-Breadcrumbs-main-cont {
    max-width: 21rem !important;
    padding: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .single-profile .NIDA-BreadcrumbsHero-main-cont {
    flex-direction: row !important;
    margin: 0 auto 1rem auto !important;
  }
  .single-profile .NIDA-BreadcrumbsHero-main-cont .NIDA-Breadcrumbs-main-cont {
    max-width: 29rem !important;
    padding: 0 !important;
  }
}


/* Styling for Banner with Banner title and subtitle and CTAs */
.full_hero_banner_cover{
  /* position: relative; */
  background-size: cover;
  background-position: center;
  height: 85dvh !important;
  width: 100%!important;
}
@media only screen and (max-width: 768px){
  .full_hero_banner_cover{
    height: 100dvh !important;
  }
}

.full_hero_banner_cover{
  position : relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.full_hero_banner_cover .banner-content {
  position: absolute;
  z-index: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 32px;
}

.full_hero_banner_cover .banner-content .banner-title h3{
  font-size: 3.5rem;
  font-weight: 500;
}

.full_hero_banner_cover .banner-content .banner-subtitle {
  max-width: 1000px;
}

.full_hero_banner_cover .banner-content .banner-cta{
  display: flex;
  gap: 1rem;
  justify-content : center;
  align-items: center;
  margin-top: 32px;
}

.full_hero_banner_cover .banner-content .banner-cta .btn{
  border: 3px solid #ffffff;
  padding: 8px 30px;
  font-weight: 500;
  text-transform: none!important;
}
.full_hero_banner_cover .banner-content .banner-cta .btn-primary{
  background-color: #ffffff !important;
  color: #212529;
}
.full_hero_banner_cover .banner-content .banner-cta .btn-primary:hover{
  background-color: transparent !important;
  color: #ffffff;
}

.full_hero_banner_cover .banner-content .banner-cta .btn-secondary{
  background-color: transparent !important;
  color: #ffffff;
}
.full_hero_banner_cover .banner-content .banner-cta .btn-secondary:hover{
  background-color: #ffffff !important;
  color: #212529;
}

/* notification Box Stlying */

.notification-box{
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  width: max-content;
  max-width: 35rem;
  max-height: 20rem;
  background-color: #ffff;
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  z-index: 1;
  transition: transform 0.5s ease-in-out;

}

.notification-box .notification-box-content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
}

.notification-box .notification-box-content h2{
  margin-bottom: 1rem;
  font-weight: 600;
}
.notification-box .notification-box-content p{
  margin-top: 0rem!important;
  margin-bottom: 1rem;
}

.notification-box-close, .notification-box-open{
  width: 40px !important;
  height: 40px !important;
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  background-color: #ffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease, opacity .18s ease;
  opacity: 1;
}

.notification-box-close{
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.notification-box-open{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-260%, -50%);
}


.notification-box-close svg, .notification-box-open svg  {
    height: 21px;
    width: 21px;
    display: block;
}
.notification-box-close:hover{
  transform: translate(-50%, -50%) scale(1.08);
  background-color: #f5f5f6;
  box-shadow: rgba(100, 100, 111, 0.55) 0px 10px 35px 0px;
  opacity: 0.96;
}

.notification-box-open:hover{
  transform: translate(-260%, -50%) scale(1.08);
  background-color: #f5f5f6;
  box-shadow: rgba(100, 100, 111, 0.55) 0px 10px 35px 0px;
  opacity: 0.96;
}

.notification-box-close:hover svg, .notification-box-open:hover svg {
  transform: scale(1.22);
  opacity: 1;
}

.notification-open-hidden{
  display: none;
}

.notification-hidden{
  transform: translateX(calc(100% + 5rem))
}

/* Notification Box mob */

@media only screen and (max-width: 768px){
  .notification-box{
    max-width: 100%;
    width: 100%;
    max-height: fit-content;
    bottom: 0;
    left: 0;
  }

  .notification-box .notification-box-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }

  .notification-box .notification-box-content h2{
    margin-bottom: 0px;
  }
  .notification-box .notification-box-content p{
    display: none;
  }

  .notification-box-close{
    left:50%;
    transform: translate(-50%, -50%);
  }
  .notification-box-open{
    top: 0;
    left: 50%;
    transform: translate(-50%, -200%);
  }
  .notification-hidden{
  transform: translateY(calc(100% + 3rem))
  }
}

/* =========================================================
   NIDA Donation Form — revised pixel-fit pass
   CSS only / scoped to this flow
   ========================================================= */



#DonationContainer {
  --nida-blue: #69d2ea;
  --nida-black: #111111;
  --nida-text: #3f4b59;
  --nida-label: #596575;
  --nida-border: #a7a7a7;
  --nida-red: #d74343;
  --nida-heading-font: "Manuka",sans-serif;
  --nida-body-font: Arial, Helvetica, sans-serif;

  background: #fff;
  color: var(--nida-text);
  font-family: var(--nida-body-font);
  font-size: 16px;
  line-height: 1.35;
}


/* =========================================================
   Reset Salesforce / SLDS chrome
   ========================================================= */

#DonationContainer,
#DonationContainer *,
#DonationContainer *::before,
#DonationContainer *::after {
  box-sizing: border-box;
}

#DonationContainer .flowruntimeBody,
#DonationContainer .flowruntimeBody__lwc,
#DonationContainer .slds-card__body {
  margin: 0 !important;
  padding: 24px 18px 0 18px !important;
  background: #fff !important;
}

#DonationContainer .slds-gutters_direct {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#DonationContainer .slds-gutters_direct > .slds-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#DonationContainer flowruntime-base-section > div.slds-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

#DonationContainer flowruntime-screen-field {
  display: block;
  width: 100%;
  max-width: 100%;
  clear: none;
}

#DonationContainer .container,
#DonationContainer flowruntime-lwc-field .container {
  margin: 0 !important;
  padding: 0 !important;
}

#DonationContainer .slds-m-bottom_x-small {
  margin-bottom: 0 !important;
}

#DonationContainer lightning-formatted-rich-text p {
  margin: 0 !important;
}

/* =========================================================
   Re-order fields from updated Flow markup
   ========================================================= */

/* 1 Donation heading */
#DonationContainer flowruntime-screen-field:nth-of-type(1) {
  // order: 1;
  flex: 0 0 86px !important;
  width: 86px !important;
  margin: 4px 0 18px 0 !important;
}

/* 2 Donation handles */
#DonationContainer flowruntime-screen-field:nth-of-type(2) {
  // order: 2;
  flex: 1 1 calc(100% - 86px) !important;
  width: calc(100% - 86px) !important;
  margin: 0 0 18px 0 !important;
  padding-left: 8px !important;
}

/* 3 Where heading */
#DonationContainer flowruntime-screen-field:nth-of-type(3) {
  // order: 3;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 18px 0 24px 0 !important;
}

/* 4 Select */
#DonationContainer flowruntime-screen-field:nth-of-type(4) {
  // order: 4;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 0 0 18px 0 !important;
}

/* 5 Your Details */
#DonationContainer flowruntime-screen-field:nth-of-type(5) {
  // order: 5;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
}

/* 6–9 details fields */
// #DonationContainer flowruntime-screen-field:nth-of-type(6) { order: 6; }
// #DonationContainer flowruntime-screen-field:nth-of-type(7) { order: 7; }
// #DonationContainer flowruntime-screen-field:nth-of-type(8) { order: 8; }
// #DonationContainer flowruntime-screen-field:nth-of-type(9) { order: 9; }

/* 13 Address — move before checkbox group */
#DonationContainer flowruntime-screen-field:nth-of-type(13) {
  // order: 10;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
}

/* 10, 11, 17, 16 checkbox rows */
// #DonationContainer flowruntime-screen-field:nth-of-type(10) { order: 11; }
// #DonationContainer flowruntime-screen-field:nth-of-type(11) { order: 12; }
// #DonationContainer flowruntime-screen-field:nth-of-type(17) { order: 13; }
// #DonationContainer flowruntime-screen-field:nth-of-type(16) { order: 14; }

/* 14 Terms */
// #DonationContainer flowruntime-screen-field:nth-of-type(14) {
//   order: 15;
// }

/* 19 Stripe note */
#DonationContainer flowruntime-screen-field:nth-of-type(19) {
  // order: 16;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 24px 0 0 0 !important;
}

/* Hide empty spacer rows */
#DonationContainer flowruntime-screen-field:nth-of-type(12),
#DonationContainer flowruntime-screen-field:nth-of-type(15),
#DonationContainer flowruntime-screen-field:nth-of-type(18) {
  // display: none !important;
}

/* =========================================================
   Section headings
   ========================================================= */

#DonationContainer flowruntime-screen-field:nth-of-type(1) lightning-formatted-rich-text strong,
#DonationContainer flowruntime-screen-field:nth-of-type(3) lightning-formatted-rich-text strong,
#DonationContainer flowruntime-screen-field:nth-of-type(5) lightning-formatted-rich-text strong {
  display: inline-block !important;
  margin: 0 !important;

  color: var(--nida-black) !important;
  font-family: var(--nida-heading-font) !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
}

/* Make Donation visually read as Donations */
#DonationContainer flowruntime-screen-field:nth-of-type(1) lightning-formatted-rich-text strong {
  color: transparent !important;
  position: relative !important;
  min-width: 86px !important;
  text-transform: uppercase !important;
}

#DonationContainer flowruntime-screen-field:nth-of-type(1) lightning-formatted-rich-text strong::after {
  content: "Donation";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--nida-black);
}

/* Stripe note at bottom should not inherit heading treatment */
#DonationContainer flowruntime-screen-field:nth-of-type(19) lightning-formatted-rich-text strong {
  display: block !important;
  color: var(--nida-text) !important;
  font-family: var(--nida-body-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

/* =========================================================
   Donation handles
   ========================================================= */

#DonationContainer .handles-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#DonationContainer .handle-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

#DonationContainer c-donation-dollar-handles button.slds-button,
#DonationContainer c-donation-dollar-handles .slds-button_neutral {
  width: 132px !important;
  min-width: 132px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 2px solid #111 !important;
  border-radius: 14px !important;
  background: var(--nida-blue) !important;


  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

#DonationContainer c-donation-dollar-handles button.slds-button:hover,
#DonationContainer c-donation-dollar-handles button.slds-button:focus,
#DonationContainer c-donation-dollar-handles button.slds-button:active {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Other amount — desktop pulls back under Donations label */
#DonationContainer c-donation-dollar-handles > .slds-form-element {
  position: relative !important;
  left: -94px !important;
  width: calc(100% + 88px) !important;
  margin-top: 14px !important;
  margin-left: 6px !important;
  padding-left: 0 !important;
}

/*added by jomare*/
#DonationContainer flowruntime-screen-field:nth-of-type(4) flowruntime-display-text-lwc lightning-formatted-rich-text.slds-rich-text-editor__output strong {
    margin: 0 0 6px 0 !important;
    color: var(--nida-label) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin: 0 !important;
    color: var(--nida-black) !important;
    font-family: var(--nida-heading-font) !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.01em !important;
  text-transform: uppercase !important;

}
#DonationContainer flowruntime-screen-field:nth-of-type(2){
    position:relative;
}
#DonationContainer flowruntime-screen-field:nth-of-type(2) lightning-formatted-rich-text.errorContent span{
    position:absolute;
   left:-10%;
    color:var(--lwc-colorTextError, #c23934);
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
}



#DonationContainer c-donation-dollar-handles > .slds-form-element > .slds-form-element__label {
  display: block !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;

  /*color: var(--nida-black) !important;*/
  font-family: var(--nida-body-font) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Hide the blank internal Lightning label inside Other */
#DonationContainer c-donation-dollar-handles lightning-input .slds-form-element__label {
  display: none !important;
}

/* =========================================================
   Labels
   ========================================================= */

#DonationContainer .slds-form-element__label,
#DonationContainer .flowruntime-input-label,
#DonationContainer legend.slds-form-element__legend,
#DonationContainer lightning-formatted-rich-text.slds-form-element__label span {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;

  color: var(--nida-label) !important;
  font-family: var(--nida-body-font) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  display: inline;
}

#DonationContainer .slds-required,
#DonationContainer abbr.slds-required {
  color: var(--nida-red) !important;
  border: 0 !important;
  text-decoration: none !important;
}

/* =========================================================
   Inputs / select / textarea
   ========================================================= */

#DonationContainer .slds-input,
#DonationContainer .slds-select,
#DonationContainer .slds-textarea {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 12px !important;

  border: 1px solid var(--nida-border) !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none !important;

  color: var(--nida-text) !important;
  font-family: var(--nida-body-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

#DonationContainer .slds-select {
  height: 46px !important;
  min-height: 46px !important;
}

#DonationContainer .slds-textarea {
  height: 62px !important;
  min-height: 62px !important;
  resize: vertical !important;
}

#DonationContainer .slds-input:focus,
#DonationContainer .slds-select:focus,
#DonationContainer .slds-textarea:focus {
  border-color: #888 !important;
  box-shadow: none !important;
  outline: none !important;
}

#DonationContainer .slds-input::placeholder {
  color: #7d8794 !important;
  opacity: 1 !important;
}

#DonationContainer flowruntime-flow-screen-input,
#DonationContainer flowruntime-email,
#DonationContainer flowruntime-phone,
#DonationContainer flowruntime-address,
#DonationContainer flowruntime-picklist-input-lwc {
  display: block !important;
  margin-bottom: 10px !important;
}

// /* Remove empty required label above select */
// #DonationContainer flowruntime-picklist-input-lwc .flowruntime-input-label {
//   display: none !important;
// }

/* =========================================================
   Address layout
   ========================================================= */

#DonationContainer lightning-input-address,
#DonationContainer lightning-input-address fieldset,
#DonationContainer lightning-input-address .slds-form-element__control,
#DonationContainer lightning-input-address .slds-form-element__group {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

#DonationContainer lightning-input-address legend.slds-form-element__legend {
  margin: 0 0 6px 0 !important;
  color: var(--nida-label) !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  display: inline-block !important;
    margin: 0 !important;
    color: var(--nida-black) !important;
    font-family: var(--nida-heading-font) !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.01em !important;

        margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
    & abbr {
     display: none;
    }
  text-transform: uppercase !important;


}

#DonationContainer lightning-input-address .slds-form-element__row {
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

#DonationContainer lightning-input-address lightning-textarea {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

#DonationContainer lightning-input-address lightning-input {
  width: auto !important;
  max-width: none !important;
  flex: 1 1 0 !important;
}

#DonationContainer lightning-input-address lightning-input[data-field="city"],
#DonationContainer lightning-input-address lightning-input[data-field="postalCode"] {
  flex: 2 1 0 !important;
}

#DonationContainer lightning-input-address lightning-input[data-field="province"],
#DonationContainer lightning-input-address lightning-input[data-field="country"] {
  flex: 1 1 0 !important;
}

/* =========================================================
   Checkbox rows
   ========================================================= */

#DonationContainer .flowruntime-inline-container {
  /*display: flex !important;*/
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
}

#DonationContainer lightning-input.flowruntime-inline {
  flex: 0 0 auto !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  left: 0.5rem;
    bottom: 0.2rem;
}

#DonationContainer .flowruntime-inline-container .flowruntime-input-label {
  margin: 0 !important;
  padding: 0 !important;
}

#DonationContainer .flowruntime-inline-container .flowruntime-input-label span {
  color: #111 !important;
  font-family: var(--nida-body-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

#DonationContainer .slds-checkbox_faux {
  width: 20px !important;
  height: 20px !important;
  border: 1px solid var(--nida-border) !important;
  border-radius: 2px !important;
  background: #fff !important;
  box-shadow: none !important;
}

// /* Hide terms row if it should not appear visually */
// #DonationContainer flowruntime-screen-field:nth-of-type(14) {
//   display: none !important;
// }

/* =========================================================
   Footer / Next button
   ========================================================= */

#DonationContainer flowruntime-navigation-bar {
  display: block !important;
  margin-top: 28px !important;
  border-top: 1px solid #dddddd !important;
  background: #fff !important;
}

#DonationContainer .navigationBar,
#DonationContainer .footerContainer {
  min-height: 64px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  background: #fff !important;
}

#DonationContainer .footerContainer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

#DonationContainer .navigation-bar__right-align {
  margin-left: auto !important;
}

#DonationContainer .flow-button__NEXT button {
  min-width: 74px !important;
  height: 40px !important;
  padding: 0 18px !important;

  border: 0 !important;
  border-radius: 4px !important;
  background: var(--nida-blue) !important;
  box-shadow: none !important;

  color: #fff !important;
  font-family: var(--nida-body-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* =========================================================
   Responsive: from 890px down, handles under Donations
   ========================================================= */

@media (max-width: 890px) {
  #DonationContainer flowruntime-screen-field:nth-of-type(1) {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
  }

  #DonationContainer flowruntime-screen-field:nth-of-type(2) {
    flex: 0 0 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin: 0 0 18px 0 !important;
  }

  #DonationContainer .handles-container {
    flex-wrap: wrap !important;
    gap: 14px !important;
    width: 100% !important;
  }

  #DonationContainer .handle-wrapper {
    flex: 0 0 calc(25vw - 24px) !important;
    max-width: calc(25vw - 24px) !important;
  }

  #DonationContainer c-donation-dollar-handles button.slds-button,
  #DonationContainer c-donation-dollar-handles .slds-button_neutral {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    font-size: 26px !important;
  }

  #DonationContainer c-donation-dollar-handles > .slds-form-element {
    position: static !important;
    left: auto !important;
    width: 100% !important;
    margin-top: 14px !important;
  }
}

@media (max-width: 700px) {
  #DonationContainer .flowruntimeBody,
  #DonationContainer .flowruntimeBody__lwc,
  #DonationContainer .slds-card__body {
    padding: 18px 14px 0 14px !important;
  }

  #DonationContainer flowruntime-screen-field:nth-of-type(1) lightning-formatted-rich-text strong,
  #DonationContainer flowruntime-screen-field:nth-of-type(3) lightning-formatted-rich-text strong,
  #DonationContainer flowruntime-screen-field:nth-of-type(5) lightning-formatted-rich-text strong {
    font-size: 22px !important;
  text-transform: uppercase !important;
  }

  #DonationContainer .handle-wrapper {
    flex: 0 0 calc(50% - 7px) !important;
    max-width: calc(50% - 7px) !important;
  }

  #DonationContainer lightning-input-address .slds-form-element__row {
    flex-direction: column !important;
    gap: 8px !important;
  }

  #DonationContainer lightning-input-address lightning-input {
    width: 100% !important;
    flex: 1 1 auto !important;
  }
}

#DonationContainer flowruntime-screen-field:nth-of-type(19) lightning-formatted-rich-text strong {
    display: block !important;
    color: var(--nida-text) !important;
    font-family: var(--nida-body-font) !important;
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    /* background: #f6f6f6; */
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
  text-transform: uppercase !important;
}

/* =========================================================
   Terms & Conditions accordion — force full width
   ========================================================= */

/* Outer accordion field */
#DonationContainer flowruntime-section-with-header,
#DonationContainer flowruntime-section-with-header lightning-accordion,
#DonationContainer flowruntime-section-with-header lightning-accordion-section,
#DonationContainer flowruntime-section-with-header .slds-accordion,
#DonationContainer flowruntime-section-with-header .slds-accordion__list-item,
#DonationContainer flowruntime-section-with-header .slds-accordion__section,
#DonationContainer flowruntime-section-with-header .slds-accordion__summary,
#DonationContainer flowruntime-section-with-header .slds-accordion__content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Inner section/grid wrappers inside accordion */
#DonationContainer flowruntime-section-with-header flowruntime-base-section,
#DonationContainer flowruntime-section-with-header flowruntime-list-container,
#DonationContainer flowruntime-section-with-header .section,
#DonationContainer flowruntime-section-with-header .slds-grid,
#DonationContainer flowruntime-section-with-header .slds-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Inner Flow columns inside accordion */
#DonationContainer flowruntime-section-with-header flowruntime-screen-field,
#DonationContainer flowruntime-section-with-header .flowruntime-section-column,
#DonationContainer flowruntime-section-with-header .flowruntime-column,
#DonationContainer flowruntime-section-with-header .slds-col,
#DonationContainer flowruntime-section-with-header .slds-size_1-of-1,
#DonationContainer flowruntime-section-with-header .slds-size_12-of-12,
#DonationContainer flowruntime-section-with-header .slds-medium-size_12-of-12 {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Rich text content inside accordion */
#DonationContainer flowruntime-section-with-header .container,
#DonationContainer flowruntime-section-with-header flowruntime-lwc-field,
#DonationContainer flowruntime-section-with-header flowruntime-display-text-lwc,
#DonationContainer flowruntime-section-with-header lightning-formatted-rich-text,
#DonationContainer flowruntime-section-with-header span[part="formatted-rich-text"],
#DonationContainer flowruntime-section-with-header p,
#DonationContainer flowruntime-section-with-header ol,
#DonationContainer flowruntime-section-with-header li {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Make the accordion header full width too */
#DonationContainer flowruntime-section-with-header .slds-accordion__summary-action {
  width: 100% !important;
  max-width: 100% !important;
}

/* Normal readable text flow */
#DonationContainer flowruntime-section-with-header lightning-formatted-rich-text {
  white-space: normal !important;
}

#DonationContainer flowruntime-section-with-header span[part="formatted-rich-text"] {
  color: var(--nida-text) !important;
  font-family: var(--nida-body-font) !important;
  font-display: 0.8rem !important;
  line-height: 1.45 !important;
}

/* Terms & Conditions accordion font sizing */
#DonationContainer flowruntime-section-with-header .slds-accordion__summary-content {
  font-size: 12px !important;
  line-height: 1.3 !important;
}
  .slds-accordion__content ol {

   margin: 0 0.7rem !important;
   position: relative!important;
   font-weight: 800!important;
  }
   .slds-accordion__content ol  li {
    font-weight: 800!important;
   }

#DonationContainer flowruntime-section-with-header span[part="formatted-rich-text"] p {
 margin-bottom: 0.5rem !important;
}

#DonationContainer flowruntime-section-with-header lightning-formatted-rich-text,
#DonationContainer flowruntime-section-with-header span[part="formatted-rich-text"],
#DonationContainer flowruntime-section-with-header p,
#DonationContainer flowruntime-section-with-header ol,
#DonationContainer flowruntime-section-with-header li,
#DonationContainer flowruntime-section-with-header a {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* Restore ordered list numbering inside Terms accordion */
#DonationContainer flowruntime-section-with-header ol {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  list-style-type: decimal !important;
  list-style-position: outside !important;
}

#DonationContainer flowruntime-section-with-header ol li {
  display: list-item !important;
  width: auto !important;
  max-width: 100% !important;
  list-style-type: decimal !important;
}

#DonationContainer c-donation-dollar-handles .handles-container .slds-button_brand,
#DonationContainer c-donation-dollar-handles .handles-container .slds-button_brand:hover,
#DonationContainer c-donation-dollar-handles .handles-container .slds-button_brand:focus,
#DonationContainer c-donation-dollar-handles .handles-container .slds-button_brand:active {
 background: #000000 !important;
 box-shadow: none !important;
 color: #ffffff !important;
}

iframe[title="Slido"] {
  min-height: 560px;
}

.wp-block-embed-vimeo iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}