:root {
  --RMITUP-primary-blue: #000054;
  --RMITUP-banner-font-color: #ffffff;
  --RMITUP-white: #ffffff;
  --RMITUP-banner-font-family: "Proxima Nova";
  --RMITUP-banner-bg: #002d72;
  --RMITUP-banner-min-height: 300px;
  --RMITUP-banner-padding: 1rem 1.5rem 1.5rem 2.5rem;
  --RMITUP-banner-content-margin: 0.25rem 0;
  --RMITUP-banner-content-v-position: center;
  --RMITUP-banner-content-h-position: flex-start;
  --accordion-list-header-background-color: var(--RMITUP-white);
  --accordion-list-header-active-background-color: var(--RMITUP-white);
  --RMITUP-banner-paragraph-font-size: 40px;
  --RMITUP-banner-paragraph-font-weight: bold;
  --RMITUP-pattern-background: none;
  --RMITUP-banner-img-width: 40%;
  --RMITUP-banner-content-width: 60%;
  --RMITUP-progress-circle-size: 117px;
  --RMITUP-progress-circle-radius: 60px;
  --RMITUP-progress-circle-border: none;
  --RMITUP-progress-container-padding: 0rem;
  --RMITUP-progress-container-bg: #002d72;
  --RMITUP-progress-container-border-bottom: 0;
  --RMITUP-progress-container-border-top: none;
  --RMITUP-progress-container-border-left: 0;
  --RMITUP-progress-container-border-right: 0;
  --RMITUP-progress-bar-padding: 1rem 2.5rem;
  --RMITUP-progress-bar-flex-direction: row;
  --RMITUP-progress-bar-v-alignment: center;
  --RMITUP-progress-bar-h-alignment: center;
  --RMITUP-progress-bar-shadow: none;
  --RMITUP-progress-circle-inner-margin: 10px;
  --RMITUP-progress-circle-inner-size: calc(var(--RMITUP-progress-circle-size) - var(--RMITUP-progress-circle-inner-margin) * 2);
  --RMITUP-progress-circle-inner-bg: #1f2b7b;
  --RMITUP-progress-circle-inner-font-colour: #fff;
  --RMITUP-progress-circle-inner-font-size: 1.5rem;
  --RMITUP-progress-circle-inner-font-weight: bold;
  --RMITUP-progress-circle-inner-border: 1px solid #fff;
  --RMITUP-progress-colour: #f1c400;
  --RMITUP-progress-incomplete-colour: #ffffff;
  --RMITUP-progress-circle-clip: calc(var(--RMITUP-progress-circle-size) / 2);
  --RMITUP-progress-status-text-align: center;
  --RMITUP-progress-status-font-size: 1rem;
  --RMITUP-progress-status-font-weight: bold;
  --RMITUP-progress-status-font-colour: white;
  --RMITUP-progress-continue-bg: #f2f2f2;
  --RMITUP-progress-continue-font-colur: #000;
  --RMITUP-progress-continue-border-bottom: 0;
  --RMITUP-progress-continue-border-top: 10px solid var(--primary-color);
  --RMITUP-progress-continue-border-left: 0;
  --RMITUP-progress-continue-border-right: 0;
  --RMITUP-progress-continue-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.05);
  --RMITUP-progress-continue-overlay-left: 0rem;
  --RMITUP-progress-continue-padding: 1rem;
  --RMITUP-progress-continue-direction: column;
  --RMITUP-progress-continue-v-alignment: center;
  --RMITUP-progress-continue-h-alignment: flex-end;
  --RMITUP-progress-continue-btn-background: none;
  --RMITUP-progress-continue-btn-font-size: 1rem;
  --RMITUP-progress-continue-btn-font-colour: #000;
  --RMITUP-progress-continue-btn-width: unset;
  --RMITUP-progress-continue-btn-height: unset;
  --RMITUP-progress-continue-btn-padding: 0.5rem 1.25rem;
  --RMITUP-progress-continue-btn-v-alignment: flex-start;
  --RMITUP-progress-btn-icon: "→";
  --RMITUP-progress-btn-icon-font-family: "system-ui";
  --RMITUP-progress-btn-padding: 1.25rem 0.5rem;
  --RMITUP-progress-continue-btn-radius: 0;
  --RMITUP-progress-continue-btn-border: none;
  --RMITUP-progress-continue-hover-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  --RMITUP-progress-continue-hover-btn-background: #f2f2f2;
  --RMITUP-progress-continue-hover-btn-colour: #000;
  --accordion-list-icon-close: "";
  --accordion-list-icon-open: "";
  --accordion-list-icon-complete: "✓";
  --accordion-list-header-icon-rotation: none !important;
  --accordion-list-icon-font-family: "Material Symbols Outlined";
  --line-header-accordion-list-header-icon-font-size: 1.1rem;
  --line-header-accordion-list-header-padding: 0.5rem 1.1rem;
  --line-header-accordion-list-header-background-color: #f6f6f6;
  --line-header-accordion-list-header-border-bottom: none !important;
  --line-header-accordion-list-content-background-color: #f6f6f6;
  --line-header-accordion-list-content-padding: 1rem 2.5rem 1.5rem 2.5rem;
  --line-header-accordion-list-header-icon-color: var(--RMITUP-blue);
  --RMITUP-tab-border: none;
  --RMITUP-tab-trigger-active-border-bottom: none;
  --RMITUP-tab-content-border-bottom: none;
  --RMITUP-tab-content-bg: #f6f6f6;
  --RMITUP-tab-trigger-border-bottom: none;
  --RMITUP-tab-trigger-gap: 0%;
  --RMITUP-tab-trigger-active-bg: #f6f6f6;
  --RMITUP-tab-trigger-bg: none;
  --RMITUP-tab-trigger-position: center;
  --RMITUP-tab-trigger-active-font-colour: var(--RMITUP-blue);
  --RMITUP-tab-trigger-font-colour: #57575c;

  /* Quicklink */
  --RMITUP-color-black: #000000;
  --RMITUP-color-grey: #e3e5e0;
  --RMITUP-color-white: #ffffff;
  --RMITUP-color-red: #e61e2a;
  --RMITUP-color-orange: #f26522;
  --RMITUP-color-pink: #f38fbb;
  --RMITUP-color-yellow: #fed82e;
  --RMITUP-color-green: #0da24b;
  --RMITUP-color-lightblue: #439ed7;
  --RMITUP-color-blue: #3c5cd2;

  --RMITUP-ql-border: var(--RMITUP-color-grey);
  --RMITUP-ql-bg: var(--RMITUP-color-white);
  --RMITUP-ql-text: var(--RMITUP-color-black);
  --RMITUP-ql-shadow: 6px 6px 4px rgba(0, 0, 0, 0.25);
  /* Quicklink End */

  /* Button */
  /* button shadow */
  --RMITUP-btn-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  /*  */
}



.RMITUP-content-wrapper {
  margin-bottom: 20px;
}

.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.v {
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
}


.pages .page-title {
  display: none !important;
}

#main {
  width: 1245px;
}

.show-content {
  padding: 0 12px !important;
}

.context-course_15 .box {
  width: 32.3%;
  float: left;
  margin: 0 .5% 5%;
}

.context-course_15 .box a:hover {
  text-decoration: none;
}

.context-course_15 .vocab {
  display: none;
}

.context-course_15 .vocab-new {
  color: #555;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none !important;
}

.context-course_15 .vocab-new:hover {
  color: #009999;
}

.context-course_15 .header img {
  width: 100%;
  max-width: 100% !important;
}

.context-course_15 .col-1 {
  width: 50%;
  float: left;
}

.context-course_15 .col-2 {
  width: 50%;
  float: right;
}

.context-course_15 .col-1 img {
  float: right;
  margin-right: .5%;
  margin-bottom: 1%;
  clear: both;
}

.context-course_15 .col-2 img {
  float: left;
  margin-left: .5%;
  margin-bottom: 1%;
  clear: both;
}

.content-wrap {
  width: 80%;
  margin: 0 auto;
}

.content-wrap img {
  max-width: none !important;
  width: 100%;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.context-course_15 .box h2,
.context-course_15 .box h3 {
  line-height: 1;
  margin: 10px 0;
  font-weight: 400;
}

.context-course_15 .box h2 {
  color: #009999;
  font-size: 20px;
  margin-top: 5px;
  font-weight: 500;
}

.context-course_15 .box h3 {
  color: #CCC;
  font-size: 12px;
  margin-bottom: 5px;
}

.context-course_15 .box img {
  width: 100%;
}

.context-course_15 .box .inner-box {
  border: solid #009999;
  border-width: 2px 0;
  margin: 15px 0;
  padding: 5px 0;
}

.context-course_15 .question .header {
  background-color: rgba(0, 153, 153, 0.3);
}

.quizzes .question p.embed {
  visibility: hidden;
}

.heading-banner {
  background: #009999;
  text-align: center;
  padding: 30px 100px;
}

.heading-banner h2 {
  color: #fff;
  margin-top: 0;
}

.heading-banner h4 {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.heading-banner p {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 100;
  font-size: 14px;
}

.heading-banner a {
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
  color: #009999;
  border-radius: 50px;
  padding: 8px 20px;
  margin-top: 10px;
  text-decoration: none !important;
}

.heading-banner a:hover {
  background: #FFF;
}

.main {
  background: rgba(0, 153, 153, 0.08);
  text-align: center;
  border: 1px solid #009999;
}

.main h2 {
  color: #009999;
}

.main h4 {
  color: #80808C;
}

.main p {
  color: #80808C;
}

.main a {
  background: #009999;
  color: #EBF7F7;
}

.main a:hover {
  background: #555;
  text-decoration: none !important;
}

.main a span.ui-icon {
  display: none !important;
}

.main-tasks-hdr {
  margin: 0 !important;
  background: #555;
  color: #FFF;
  padding: 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.main-tasks {
  width: 50%;
  border: solid #009999;
  text-align: center;
  padding: 10px;
  font-size: 13px;
  float: left;
  box-sizing: border-box;
}

.main-tasks.left {
  border-width: 0 1px 1px 1px;
}

.main-tasks.right {
  border-width: 0 1px 1px 0;
}

.main-tasks a {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #009999;
  text-decoration: none !important;
}

.main-tasks a:hover {
  color: #555;
}

.exercise {
  padding: 10px 0;
}

.exercise .text {
  width: 50%;
  padding: 7% 30px;
  float: left;
  box-sizing: border-box;
}

.exercise .text p {
  font-weight: 100;
  text-align: center;
}

.exercise .image {
  width: 50%;
  margin: 0 auto;
  float: left;
  box-sizing: border-box;
}

.exercise .image img {
  height: 300px;
  margin: 0 auto;
  max-width: none !important;
  width: initial;
  display: block;
}

.unit-tasks {
  padding: 0 10px 30px;
}

.unit-tasks h3 {
  /*border: solid #009999; border-width: 2px 0;*/
  margin: 0 -10px 15px;
  background: #555;
  color: #FFF;
  padding: 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.unit-tasks a {
  color: #009999;
  text-decoration: none !important;
}

.backto {
  display: inline-block;
  background: #009999;
  color: #FFF;
  border-radius: 50px;
  padding: 8px 20px;
  margin-top: 15px;
  text-decoration: none !important;
}

.backto:hover {
  background: #555;
  color: #FFF;
}

p:focus {
  outline: none;
}

div:focus {
  outline: none;
}

table.audio div {
  margin-bottom: 0 !important;
}

.audio_comment span.media_comment_thumbnail {
  background-image: none !important;
  background-color: #FFF;
  width: 25px;
  height: 25px;
}

.audio_comment span.media_comment_thumbnail_play_button {
  background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTj6gtwhbljnRrUSWJUqA9-SHtC1mR9DFznULoHhT-eY1xE6MmI');
  background-size: 25px;
  width: 25px;
  height: 25px;
}

#player {
  height: 20px;
  width: 250px;

}

.speaker {
  background-image: url(http://darlolife.com/play.png);
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: 100% 0;
  height: 38px;
  width: 40px;
  cursor: pointer;
  display: block;
}

.speakerplay {
  background-position: 0 0;
}

@media screen and (max-width: 1120px) {
  .context-course_15 .box {
    width: 49%;
  }
}

@media screen and (max-width: 767px) {
  .context-course_15 .box {
    width: 100%;
  }

  .content-wrap {
    width: 100%;
    margin: 0 auto;
  }
}

span.vertical-align-center {
  margin: auto;
}

/* RMIT yellow button on hover*/
a.btn-rmityellow-hover:hover {
  background: #ffffff !important;
  color: #FAC800 !important;
  border: solid 2px #FAC800 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmityellow-hover {
  font-size: 12pt !important;
}

/* RMIT green button on hover*/
a.btn-rmitgreen-hover:hover {
  background: #ffffff !important;
  color: #003300 !important;
  border: solid 2px #389b46 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmitgreen-hover {
  font-size: 12pt !important;
}

/* RMIT teal button on hover*/
a.btn-rmitteal-hover:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border: solid 2px #7AE1AA !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmitteal-hover {
  font-size: 12pt !important;
}

/* RMIT yellow button on hover*/
a.btn-rmityellow-hover:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border: solid 2px #FAC800 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmityellow-hover {
  font-size: 12pt !important;
}

/* RMIT blue button on hover*/
a.btn-rmitnavy-hover:hover {
  background: #ffffff !important;
  color: #000054 !important;
  border: solid 2px #000054 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmitnavy-hover {
  font-size: 12pt !important;
}

.hoverbtn-belowcontent:hover>a.btn-rmitnavy-hover {
  background: #ffffff !important;
  color: #000054 !important;
  border: solid 2px #000054 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

/* RMIT gray border on hover*/
a.btn-rmitgray-border-hover:hover {
  background: #ffffff !important;
  border: solid 3px #777677 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
}

a.btn-rmitgray-border-hover {
  font-size: 12pt !important;
}

/* RMIT blue button border on hover*/
a.btn-rmitnavy-border-hover:hover {
  border: solid 2px #d5d5e2 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmitnavy-border-hover {
  font-size: 12pt !important;
}

.hoverbtn-belowcontent-rmitnavyborder:hover>a.btn-rmitnavy-border-hover {
  background: #ffffff !important;
  color: #000000 !important;
  border: solid 2px #d5d5e2 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

/* RMIT green button border on hover*/
a.btn-rmitgreen-border-hover:hover {
  border: solid 2px #d4efcf !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmitgreen-border-hover {
  font-size: 12pt !important;
}

/* RMIT gray button on hover*/
a.btn-rmitdarkgray-hover:hover {
  background: #777677 !important;
  color: #ffffff !important;
  border: solid 2px #777677 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmitdarkgray-hover {
  font-size: 12pt !important;
}

/* RMIT red button border on hover*/
a.btn-rmitred-hover:hover {
  background: #ffffff !important;
  border: solid 2px #e60028 !important;
  text-decoration: none !important;
  color: #000000 !important;
  transition: all 0.2s ease-in-out
}

a.btn-rmitred-hover {
  font-size: 12pt !important;
}

/* grey button on hover*/
a.btn-grey-hover:hover {
  background: #ffffff !important;
  border: solid 2px #e1e1e1 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-grey-hover {
  font-size: 12pt !important;
}

/* PTE ligght blue button border on hover*/
a.btn-ptelightblue-border-hover:hover {
  border: solid 2px #b2dee9 !important;
  background: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-ptelightblue-border-hover {
  font-size: 12pt !important;
}

/* PTE blue button on hover*/
a.btn-pteblue-hover:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border: solid 2px #0092b7 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-pteblue-hover {
  font-size: 12pt !important;
}

.anchor-home-pte td:hover {
  color: #ffffff !important;
  background: #0092b7 !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-pte td a:hover {
  color: #ffffff !important;
}

/**/
.td-clickable td a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  text-decoration: none !important;
}

/* L2 button on hover*/
.anchor-home-l2 td:hover {
  color: #ffffff !important;
  background: #39929b !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-l2 td a:hover {
  color: #ffffff !important;
}

a.l2-btn-dark-hover:hover {
  background: #ffffff !important;
  color: #39929b !important;
  border: solid 2px #39929b !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l2-btn-dark-hover {
  font-size: 12pt !important;
}

a.l2-btn-light-hover:hover {
  background: #ffffff !important;
  border: solid 2px #c4dddf !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l2-btn-light-hover {
  font-size: 12pt !important;
}

a.l2-btn-border-hover:hover {
  border: solid 5px #c4dddf !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l2-btn-border-hover {
  font-size: 12pt !important;
}

/* L3 button on hover*/
.anchor-home-l3 td:hover {
  color: #ffffff !important;
  background: #df7727 !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-l3 td a:hover {
  color: #ffffff !important;
}

a.l3-btn-dark-hover:hover {
  background: #ffffff !important;
  color: #df7727 !important;
  border: solid 2px #df7727 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
}

a.l3-btn-dark-hover {
  font-size: 12pt !important;
}

a.l3-btn-light-hover:hover {
  background: #ffffff !important;
  border: solid 2px #ffe7cd !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
}

a.l3-btn-light-hover {
  font-size: 12pt !important;
}

a.l3-btn-border-hover:hover {
  border: solid 5px #ffe7cd !important;
  text-decoration: none !important;
  transition: border-color 0.2s ease-in-out;
}

a.l3-btn-border-hover {
  font-size: 12pt !important;
}

/* L4 button on hover*/
.anchor-home-l4 td:hover {
  color: #ffffff !important;
  background: #bc1f3e !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-l4 td a:hover {
  color: #ffffff !important;
}

a.l4-btn-dark-hover:hover {
  background: #ffffff !important;
  color: #bc1f3e !important;
  border: solid 2px #bc1f3e !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l4-btn-dark-hover {
  font-size: 12pt !important;
}

a.l4-btn-light-hover:hover {
  background: #ffffff !important;
  border: solid 2px #fbc9c5 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l4-btn-light-hover {
  font-size: 12pt !important;
}

a.l4-btn-border-hover:hover {
  border: solid 5px #fbc9c5 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l4-btn-border-hover {
  font-size: 12pt !important;
}

/* L5 button on hover*/
.anchor-home-l5 td:hover {
  color: #ffffff !important;
  background: #00aaa1 !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-l5 td a:hover {
  color: #ffffff !important;
}

a.l5-btn-dark-hover:hover {
  background: #ffffff !important;
  color: #00aaa1 !important;
  border: solid 2px #00aaa1 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l5-btn-dark-hover {
  font-size: 12pt !important;
}

a.l5-btn-light-hover:hover {
  background: #ffffff !important;
  border: solid 2px #cceae8 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l5-btn-light-hover {
  font-size: 12pt !important;
}

a.l5-btn-border-hover:hover {
  border: solid 5px #cceae8 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l5-btn-border-hover {
  font-size: 12pt !important;
}

/* L6 button on hover*/
.anchor-home-l6 td:hover {
  color: #ffffff !important;
  background: #009bdc !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-l6 td a:hover {
  color: #ffffff !important;
}

a.l6-btn-dark-hover:hover {
  background: #ffffff !important;
  color: #009bdc !important;
  border: solid 2px #009bdc !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l6-btn-dark-hover {
  font-size: 12pt !important;
}

a.l6-btn-light-hover:hover {
  background: #ffffff !important;
  border: solid 2px #b9d7f1 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l6-btn-light-hover {
  font-size: 12pt !important;
}

a.l6-btn-border-hover:hover {
  border: solid 5px #b9d7f1 !important;
  color: #009bdc !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l6-btn-border-hover {
  font-size: 12pt !important;
}

/* L7 button on hover*/
.anchor-home-l7 td:hover {
  color: #ffffff !important;
  background: #6560ab !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-l7 td a:hover {
  color: #ffffff !important;
}

a.l7-btn-dark-hover:hover {
  background: #ffffff !important;
  color: #6560ab !important;
  border: solid 2px #6560ab !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l7-btn-dark-hover {
  font-size: 12pt !important;
}

a.l7-btn-light-hover:hover {
  background: #ffffff !important;
  border: solid 2px #d9d5eb !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l7-btn-light-hover {
  font-size: 12pt !important;
}

a.l7-btn-border-hover:hover {
  border: solid 5px #6560ab !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.l7-btn-border-hover {
  font-size: 12pt !important;
}


/* PL hub */
a.btn-lightpurple-hover:hover {
  background: #ffffff !important;
  border: solid 3px #d5d5e2 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
  color: #000000;
}

a.btn-lightpurple-hover {
  font-size: 12pt !important;
}

/* Study Success */
a.btn-sslight-hover:hover {
  background: #ffffff !important;
  border: solid 3px #83e1b0 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
  color: #000000;
}

a.btn-sslight-hover {
  font-size: 12pt !important;
}

a.btn-ssdark-hover:hover {
  background: #ffffff !important;
  border: solid 3px #bcf0d4 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
  color: #000000;
}

a.btn-ssdark-hover {
  font-size: 12pt !important;
}

.anchor-grey td:hover {
  color: #ffffff !important;
  background: #888888 !important;
  transition: all 0.2s ease-in-out
}

.anchor-grey td a:hover {
  color: #ffffff !important;
}

/* anchor home navy */
.anchor-home-navy td:hover {
  color: #ffffff !important;
  background: #000054 !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-navy td a:hover {
  color: #ffffff !important;
}

/* anchor home yellow */
.anchor-home-yellow td:hover {
  color: #222160 !important;
  background: #FDF1BF !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-yellow td a:hover {
  color: #222160 !important;
}

/* anchor home yellow dark*/
.anchor-home-darkyellow td:hover {
  color: #222160 !important;
  background: #FAC800 !important;
  transition: all 0.2s ease-in-out
}

.anchor-home-darkyellow td a:hover {
  color: #222160 !important;
}

/* RMIT navy fill button on hover -> fill*/
a.btn-navy-filltofill-hover:hover {
  background: #222160 !important;
  border: solid 2px #222160 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-navy-filltofill-hover {
  font-size: 12pt !important;
}

/* RMIT yellow light fill button on hover -> dark fill*/
a.btn-yellow-lightfilltodark-hover:hover {
  background: #FAC800 !important;
  border: solid 2px #FAC800 !important;
  color: #222160 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-yellow-lightfilltodark-hover {
  font-size: 12pt !important;
}

.hoverbtn-belowcontent-yellowlightfilltodark:hover>a.btn-yellow-lightfilltodark-hover {
  background: #FAC800 !important;
  color: #222160 !important;
  border: solid 2px #FAC800 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

/* RMIT yellow dark fill button on hover -> light fill*/
a.btn-yellow-darkfilltolight-hover:hover {
  background: #FDF1BF !important;
  border: solid 2px #FDF1BF !important;
  color: #222160 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out
}

a.btn-yellow-darkfilltolight-hover {
  font-size: 12pt !important;
}

/*_________________  Accordion
________________________________________*/

.accordion {
  width: 100%;
}


[id*="open-accordion"],
[id*="close-accordion"] {
  padding-left: 30px;
  /* border-bottom: 1px solid #fff; */
  line-height: 40px;
  display: block;
  margin: 0 auto;
  position: relative;
}

[id*="open-accordion"] {
  border: solid 1px #cdcdcd;
}

[id*="close-accordion"] {
  display: none;
  background: #ebebeb;
  border: solid 1px #ebebeb;
}

.accordion a {
  color: #000;
  font-weight: bold;
  text-decoration: none !important;
  text-shadow: none;
  font-size: 14pt;
}

.accordion-content a {
  color: #3074df !important;
  font-size: 1.0625rem !important;
  font-weight: normal !important;
}

[id*="open-accordion"]:after,
[id*="close-accordion"]:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(143, 143, 143, 1);
  position: absolute;
  left: 5px;
  top: 15px;
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transition: all 0.2s ease;
}

.target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}

.accordion-content {
  padding-left: 10px;
  border: 2px solid #ebebeb;
  background: #fff;
  height: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}

.accordion span:target~.accordion-content {
  display: block;
  height: auto;
  padding-bottom: 25px;
  padding-top: 10px;
}

.accordion span:target~[id*="close-accordion"] {
  display: block;
}

.accordion span:target~[id*="open-accordion"] {
  display: none;
}

.accordion span:target~[id*="close-accordion"]:after {
  border-top: 10px solid #333;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

[id*="open-accordion"]:hover {
  background: #ebebeb;
  transition: all 0.2s ease-in-out;
}

/*_________________  Accordion RMIT
________________________________________*/

.rmit_accordion {
  width: 100%;
}


[id*="rmit_open-accordion"],
[id*="rmit_close-accordion"] {
  padding-left: 30px;
  line-height: 40px;
  display: block;
  margin: 0 auto;
  position: relative;
}

[id*="rmit_open-accordion"] {
  border: solid 1px #000054;
}

[id*="rmit_close-accordion"] {
  display: none;
  background: #000054;
  border: solid 1px #000054;
  color: #fff !important;
}

.rmit_accordion a {
  color: #000054;
  font-weight: bold;
  text-decoration: none !important;
  text-shadow: none;
  font-size: 14pt;
}

.rmit_accordion-content a {
  color: #3074df !important;
  font-size: 1.0625rem !important;
  font-weight: normal !important;
}

[id*="rmit_open-accordion"]:after,
[id*="rmit_close-accordion"]:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000054;
  position: absolute;
  left: 5px;
  top: 15px;
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transition: all 0.2s ease;
}

.rmit_target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}

.rmit_accordion-content {
  padding-left: 10px;
  border: 2px solid #e0e0ea;
  background: #fff;
  height: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}

.rmit_accordion span:target~.rmit_accordion-content {
  display: block;
  height: auto;
  padding-bottom: 25px;
  padding-top: 10px;
}

.rmit_accordion span:target~[id*="rmit_close-accordion"] {
  display: block;
}

.rmit_accordion span:target~[id*="rmit_open-accordion"] {
  display: none;
}

.rmit_accordion span:target~[id*="rmit_close-accordion"]:after {
  border-top: 10px solid #FFD736;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

[id*="rmit_open-accordion"]:hover {
  background: #ebebeb;
  transition: all 0.2s ease-in-out;
}

/*end accordion*/

/*_________________  Accordion BL4 ATC
________________________________________*/

.green_accordion {
  width: 100%;
}


[id*="green_open-accordion"],
[id*="green_close-accordion"] {
  padding-left: 30px;
  line-height: 40px;
  display: block;
  margin: 0 auto;
  position: relative;
}

[id*="green_open-accordion"] {
  border: solid 1px #389b46;
}

[id*="green_close-accordion"] {
  display: none;
  background: #389b46;
  border: solid 1px #389b46;
  color: #fff !important;
}

.green_accordion a {
  color: #000;
  font-weight: bold;
  text-decoration: none !important;
  text-shadow: none;
  font-size: 14pt;
}

.green_accordion-content a {
  color: #3074df !important;
  font-size: 1.0625rem !important;
  font-weight: normal !important;
}

[id*="green_open-accordion"]:after,
[id*="green_close-accordion"]:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #389b46;
  position: absolute;
  left: 5px;
  top: 15px;
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transition: all 0.2s ease;
}

.green_target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}

.green_accordion-content {
  padding-left: 10px;
  border: 2px solid #e0e0ea;
  background: #fff;
  height: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}

.green_accordion span:target~.green_accordion-content {
  display: block;
  height: auto;
  padding-bottom: 25px;
  padding-top: 10px;
}

.green_accordion span:target~[id*="green_close-accordion"] {
  display: block;
}

.green_accordion span:target~[id*="green_open-accordion"] {
  display: none;
}

.green_accordion span:target~[id*="green_close-accordion"]:after {
  border-top: 10px solid #FC9147;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

[id*="green_open-accordion"]:hover {
  background: #ebebeb;
  transition: all 0.2s ease-in-out;
}

/*end accordion*/

/*BL4*/
.bl4pilot-bg {
  background-image: url("https://assets.learnosity.com/organisations/593/d65a7b30-6d8b-458f-befd-0bbdb97a9dcf.jpg");
  background-position: center top;
  background-size: 100% auto;
}

/*BL4 end*/

#content>#wiki_page_show span,
#wiki_page_show .show-content span,
#tinymce span {
  /* margin-left: auto !important;
  margin-right: auto !important; */
}

/*Go to top button*/
.fixed-bottom span {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  width: 50px;
  height: 50px;
  filter: drop-shadow(0 5px 10px #5e5e5e);
  background-image: url("https://assets.learnosity.com/organisations/593/536e4b40-f1fe-4016-97e9-1cb0cb5201d9.png");
  background-size: cover;
}

html {
  scroll-behavior: smooth !important;
}

/*Go to top button end*/
/*center img horizontal and vertical, div above has relative position*/
.center-img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}

/*center img end*/
/*FS*/
.global-glossary td {
  line-height: 38px;
}

.global-glossary td:hover {
  background: #FDF1BF !important;
  transition: all 0.2s ease-in-out
}

/*end FS*/

/* New Codes */

/*Accordion*/
#tinymce .RMITUP-accordion-list,
#tinymce .RMITUP-accordion-header {
  cursor: auto !important;
}

.RMITUP-accordion-list,
#tinymce .RMITUP-accordion-list {
  position: relative;
  display: block;
  height: auto;
  background-color: #fff;
  /* padding: 15px 20px; */
  margin: 0 auto 15px auto;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  cursor: pointer;
  overflow: clip;
}

/* .RMITUP-accordion-list .RMITUP-answer {
    display: none !important;
} */

#tinymce .RMITUP-accordion-list .RMITUP-answer,
.RMITUP-accordion-list .RMITUP-active .RMITUP-answer {
  display: block !important;
}

.RMITUP-answer.white,
.RMITUP-active .white {
  margin-top: 10px !important;
  padding: 10px 10px 5px 10px !important;
  padding-bottom: 5px !important;
}

.team-block-aut .RMITUP-accordion-header:active,
.team-block-aut .RMITUP-accordion-header:focus,
.team-block-aut .RMITUP-accordion-header:hover {
  outline: 0;
}

.RMITUP-accordion-list .RMITUP-accordion-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  /* padding: 0; */
  padding: 15px 20px;
  letter-spacing: 0.01em;
  cursor: pointer;
  color: black;
}

.RMITUP-accordion-list .RMITUP-accordion-header h4 {
  font-size: 18px !important;
  color: var(--RMITUP-primary-blue) !important;
  /* font-weight: 600 !important; */
}

.RMITUP-accordion-list .RMITUP-accordion-header i {
  /* background-color: var(--RMITUP-primary-blue); */
  height: 30px;
  width: 30px;
  min-width: 30px;
  max-height: 30px;
  border-radius: 100px;
  transition: transform 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--RMITUP-primary-blue);
}

.RMITUP-accordion-list.RMITUP-active .RMITUP-accordion-header i {
  transform: rotate(90deg);
}

.RMITUP-accordion-list.RMITUP-active .RMITUP-accordion-header i::before,
.RMITUP-accordion-list .RMITUP-accordion-header i::before {
  position: absolute;
  /* right: 5px; */
}


.RMITUP-accordion-list .RMITUP-accordion-content {
  position: relative;
  line-height: 1.5;
  padding: 0px 20px 10px 20px;
  box-sizing: border-box;

}

.RMITUP-accordion-content p,
.RMITUP-accordion-content li {
  font-size: 16px !important;
  color: #000;
  margin-bottom: 5px;
}


/*  */
.RMITUP-accordion-list.RMITUP-lightorange {
  /* border: 1px solid #F26522; */
  border: none;
}

.RMITUP-accordion-list.RMITUP-lightyellow {
  /* border: 1px solid #FED82E; */
  border: none;
}

.RMITUP-accordion-list.RMITUP-lightblue {
  border: 1px solid #D9ECF7;
  box-shadow: 5px 7px 12px rgba(67, 158, 215, 0.3);
  background: white !important;
}

.RMITUP-accordion-list.RMITUP-lightred {
  /* border: 1px solid #E61E2A; */
  border: none;
}

.RMITUP-accordion-list.RMITUP-lightgreen {
  /* border: 1px solid #0DA24B; */
  border: none;
}

.RMITUP-accordion-list.RMITUP-lightpink {
  /* border: 1px solid #F38FBB; */
  border: none;
}

/*  */
/* Bold shadow */
/* .RMITUP-accordion-list.RMITUP-lightblue.bold-shadow{
  border: 1px solid #439ed7;
    box-shadow: 5px 7px 12px rgba(67, 158, 215, 0.3);
    background: white !important;
} */

.RMITUP-accordion-list.RMITUP-lightblue.bold-shadow .RMITUP-accordion-content.RMITUP-whiteBackground {
  border: none;
  border-top: 1px solid #439ed74d;
}

/* End Bold shadow */



.RMITUP-accordion-list.RMITUP-orange {
  border: 1px solid #FFF7D5;
}

.RMITUP-accordion-list.RMITUP-yellow {
  border: 1px solid #FFF7D5;
}

.RMITUP-accordion-list.RMITUP-blue {
  border: 1px solid #D9ECF7;
}

.RMITUP-accordion-list.RMITUP-red {
  border: 1px solid #FAD2D4;
}

.RMITUP-accordion-list.RMITUP-green {
  border: 1px solid #CFECDB;
}

.RMITUP-accordion-list.RMITUP-pink {
  border: 1px solid #FDE9F1;
}

/*  */
/* .RMITUP-lightorange.RMITUP-active .RMITUP-accordion-header{
  border-bottom: 1px solid #F26522;
}
.RMITUP-lightyellow.RMITUP-active .RMITUP-accordion-header{
  border-bottom: 1px solid #FED82E;
}
.RMITUP-lightblue.RMITUP-active .RMITUP-accordion-header{
  border-bottom: 1px solid #439ED7;
}
.RMITUP-lightred.RMITUP-active .RMITUP-accordion-header{
  border-bottom: 1px solid #E61E2A;
}
.RMITUP-lightgreen.RMITUP-active .RMITUP-accordion-header{
  border-bottom: 1px solid #0DA24B;
}
.RMITUP-lightpink.RMITUP-active .RMITUP-accordion-header{
  border-bottom: 1px solid #F38FBB;
} */

/*  */

.RMITUP-orange.RMITUP-active .RMITUP-accordion-header {
  border-bottom: 1px solid #FCE0D3;
}

.RMITUP-yellow.RMITUP-active .RMITUP-accordion-header {
  border-bottom: 1px solid #FFF7D5;
}

.RMITUP-blue.RMITUP-active .RMITUP-accordion-header {
  border-bottom: 1px solid #D9ECF7;
}

.RMITUP-red.RMITUP-active .RMITUP-accordion-header {
  border-bottom: 1px solid #FAD2D4;
}

.RMITUP-green.RMITUP-active .RMITUP-accordion-header {
  border-bottom: 1px solid #CFECDB;
}

.RMITUP-pink.RMITUP-active .RMITUP-accordion-header {
  border-bottom: 1px solid #FDE9F1;
}

/* RMITUP colors */
.RMITUP-yellow {
  background-color: #FED82E;
  background: #FED82E !important;

}

.RMITUP-lightyellow {
  background-color: #FFF7D5;
  background: #FFF7D5 !important;

}

.RMITUP-orange {
  background-color: #F26522;
  background: #F26522 !important;
}

.RMITUP-lightorange {
  background-color: #FCE0D3;
  background: #FCE0D3 !important;

}

.RMITUP-red {
  background-color: #E61E2A;
  background: #E61E2A !important;
}

.RMITUP-lightred {
  background-color: #FAD2D4;
  background: #FAD2D4 !important;

}

.RMITUP-pink {
  background-color: #F38FBB;
  background: #F38FBB !important;
}

.RMITUP-lightpink {
  background-color: #FDE9F1;
  background: #FDE9F1 !important;

}

.RMITUP-blue {
  background-color: #439ED7;
  background: #439ED7 !important;
}

.RMITUP-lightblue {
  background-color: #D9ECF7;
  background: #D9ECF7 !important;

}

.RMITUP-green {
  background-color: #0DA24B;
  background: #0DA24B !important;
}

.RMITUP-lightgreen {
  background-color: #CFECDB;
  background: #CFECDB !important;
}

.RMITUP-lightbluesolid {
  background-color: #D9ECF7;
  background: #D9ECF7 !important; 
}

/*  */
/* .RMITUP-accordion-list .RMITUP-accordion-content.RMITUP-whiteBackground{
  padding: 1px 20px 10px 20px;
  background: #fff !important;
} */


.RMITUP-whitebackground {
  background: #fff !important;
}


/*  */
.RMITUP-accordion-list.RMITUP-lightblue .RMITUP-accordion-content.RMITUP-whiteBackground {
  border-top: 2px solid #D9ECF7;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 25px;
}

.RMITUP-accordion-list.RMITUP-lightorange .RMITUP-accordion-content.RMITUP-whiteBackground {
  border: 2px solid #F26522;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 25px;
}

.RMITUP-accordion-list.RMITUP-lightgreen .RMITUP-accordion-content.RMITUP-whiteBackground {
  border: 2px solid #0DA24B;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 25px;
}

.RMITUP-accordion-list.RMITUP-lightyellow .RMITUP-accordion-content.RMITUP-whiteBackground {
  border: 2px solid #FED82E;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 25px;
}

.RMITUP-accordion-list.RMITUP-lightpink .RMITUP-accordion-content.RMITUP-whiteBackground {
  border: 2px solid #F38FBB;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 25px;
}

.RMITUP-accordion-list.RMITUP-lightred .RMITUP-accordion-content.RMITUP-whiteBackground {
  border: 2px solid #E61E2A;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 25px;
}


/*  */

/*  */
.RMITUP-accordion-list.RMITUP-blueborder {
  border: 1px solid #439ED7;
  background: #fff;
}

.RMITUP-accordion-list.RMITUP-lightbluesolid {
  
border: 1px solid #D9ECF7 !important;
}
/* .RMITUP-accordion-list.RMITUP-blueborder.RMITUP-active .RMITUP-accordion-header {
    border-bottom: 1px solid #439ED7;
} */

.RMITUP-accordion-list .RMITUP-accordion-content.RMITUP-whiteBackground {
  padding: 1px 20px 10px 20px;
  background: #fff !important;
}

/* .RMITUP-accordion-list.RMITUP-orangeborder.RMITUP-active .RMITUP-accordion-header {
    border-bottom: 1px solid #F26522;
} */
.RMITUP-accordion-list.RMITUP-redborder {
  border: 1px solid #E61E2A;
  background: #fff;
}

/* .RMITUP-accordion-list.RMITUP-redborder.RMITUP-active .RMITUP-accordion-header {
    border-bottom: 1px solid #E61E2A;
} */

.RMITUP-accordion-list.RMITUP-greenborder {
  border: 1px solid #0DA24B;
  background: #fff;
}

/* .RMITUP-accordion-list.RMITUP-greenborder.RMITUP-active .RMITUP-accordion-header {
    border-bottom: 1px solid #0DA24B;
} */

.RMITUP-accordion-list.RMITUP-yellowborder {
  border: 1px solid #FED82E;
  background: #fff;
}

/* .RMITUP-accordion-list.RMITUP-yellowborder.RMITUP-active .RMITUP-accordion-header {
    border-bottom: 1px solid #FED82E;
} */

.RMITUP-accordion-list.RMITUP-pinkborder {
  border: 1px solid #F38FBB;
  background: #fff;
}

/* .RMITUP-accordion-list.RMITUP-pinkborder.RMITUP-active .RMITUP-accordion-header {
    border-bottom: 1px solid #F38FBB;
} */

/*  */

.RMITUP-bluetabs .RMITUP-tab-item {
  border: 1px solid #439ED7;
}







/* Tabs @ */
/* .RMITUP-tabs {
  width: 100%;
  margin: 20px auto;
} */

/* .RMITUP-tab-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 2px solid var(--RMITUP-color-grey);
} */

.RMITUP-tab-item {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--RMITUP-color-black) !important;
  border: 1px solid #c4c4c4;
  display: flex;
}

.RMITUP-tab-item:hover {
  background: #f2f2f2;
}

.RMITUP-tab-item.active .RMITUP-tab-trigger {
  color: var(--RMITUP-primary-blue) !important;
  /* border-bottom: 3px solid #0089cf; */
  font-weight: bold;
}

.RMITUP-tab-item a {
  -webkit-tap-highlight-color: transparent;
}

.RMITUP-tab-item a:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}


.RMITUP-tab-item.active {
  background: #f2f2f2;
  margin: 0 !important;
  padding: 0 !important;
  /* border-bottom: 3px solid var(--RMITUP-primary-blue) !important; */
  /* border: 1px solid #fdf1bf; */
}

.RMITUP-tab-item.active a:focus {
  outline-color: transparent !important;
}

.RMITUP-tab-content[aria-hidden="false"] {
  display: block;
}

#tinymce .RMITUP-tab-content {
  display: block !important;
}

/* RMITUP Tab End */

/* Breadcrumb */
.cbt-breadcrumb__list {
  display: flex;
  list-style: none;
  padding: 0;
}

.cbt-breadcrumb__active {
  /* font-weight: 700; */
  color: #0074e7;
}

.cbt-breadcrumb {
  /* border: 1px solid #fff; */
  /* border-radius: 28px; */
  /* padding: 3px 25px; */
  /* gap: 10px;
  display: flex;
  font-size: 20px; */
}

.cbt-breadcrumb a {
  text-decoration: none !important;
}

.cbt-breadcrumb__separator {
  margin: 0 8px;
}

/* Bookmarks accordion */
.cbt-bookmark__star-btn {
  vertical-align: middle;
  font-weight: 600;
  color: #273540 !important;
  background: #f2f4f4;
  border-radius: 5px;
  border: 1px solid #e8eaec;
  padding: 8px 14px;
  font-size: 1rem !important;
  display: flex;
  align-items: center;
  height: 43px;
  gap: 7px;
}

.cbt-bookmark__star-btn:hover {
  background: #e4e8e8;
  transition: background-color 0.2s ease-in-out;
}


.RMITUP-bookmark-accordion-list {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  padding: 10px;
  background: #f9f9f9;
}

.RMITUP-bookmark-accordion-list .RMITUP-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 22px !important;
}

.icon-arrow-open-end {
  transition: transform 0.2s ease;
}


.RMITUP-bookmark-accordion-list.RMITUP-active .icon-arrow-open-end {
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}

.RMITUP-accordion-header {
  font-weight: bold;
  cursor: pointer;
  padding: 5px;
}

.RMITUP-bookmark-accordion-list .RMITUP-accordion-content a {
  text-decoration: none !important;
}

.RMITUP-accordion-content {
  display: none;
  padding: 10px;
}

/* Module cards */
#module-cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* space between cards */
  justify-content: space-between;
  margin: 2rem auto;
  max-width: 1000px;
  /* adjust as needed */
}

/* Individual card styling */
.module-card {
  /* background-color: var(--RMITUP-primary-blue);  */

  /* padding: 8px; */
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

#module-cards-container.module-overlay .module-card .module-image {
  filter: opacity(0.6);
}

.module-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
  transform: scale(1.01);
  transition: transform 0.2s ease-in-out;
}

.module-card-detail {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  margin: 10px 0;
  justify-content: center;
  color: var(--RMITUP-primary-blue);
}

/* Smaller heading text, e.g. "MODULE 1" */
.module-header {
  font-size: 22px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  display: none;
  /* margin-top: 10px; */

}

/* Larger title, e.g. the module's name */
.module-title {
  /* margin: 12px 0; */
  padding: 5px;
  font-size: 1.2rem !important;
  font-weight: 600;
}

/* "Start Module" button (styled as a link) */
.module-button {
  display: inline-block;
  /* display: none; */
  /* background-color: #ffffff; */
  color: #1e3a73;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  height: 100%;
  top: 0;
  font-weight: bold;
  position: absolute;
  width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background-color 0.2s ease;
  /* margin-bottom: 10px; */
}

.module-image {
  height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.module-days-nav {
  margin-top: 0.5rem;
  /* display: flex; */
  gap: 0.25rem;
  display: none;
  /* Hide by default */
}

.module-days-nav a {
  text-decoration: none !important;
}

.module-day-button {
  padding: 0.25rem 0.5rem;
  background: #3b82f6;
  /* your chosen color */
  color: white;
  text-decoration: none;
  font-size: 0.875rem;
  border-radius: 0.15rem;
  white-space: nowrap;
}

/* Module card end */
.RMITUP-flex-Modulelinks {
  --gap: 12px;
  display: flex;
  flex-wrap: wrap;
  /* ← key: allow wrapping */
  gap: var(--gap);
}

.RMITUP-flex-Modulelinks>div {
  box-sizing: border-box;
  box-sizing: border-box;
  /* include padding/border in width */
  flex: 0 0 calc((100% - (2 * var(--gap))) / 3);
  /* exactly 3 per row */
  min-width: 0;
  /* prevent content from forcing width */
  margin: 0;
  min-height: 100px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  text-align: center;
  /* border: 1px solid #000054; */
  color: var(--RMITUP-color-black);
  background: #e6e6ee;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.RMITUP-flex-Modulelinks>div:hover {
  color: #000054;
}

.RMITUP-flex-Modulelinks>div a {
  color: #000054;
  text-decoration: none !important;
  font-size: 22px;
  font-family: "Museo500" !important;
}

@media (max-width: 768px) {
  .RMITUP-flex-Modulelinks>div {
    flex-basis: calc((100% - var(--gap)) / 2);
  }
}

@media (max-width: 480px) {
  .RMITUP-flex-Modulelinks>div {
    flex-basis: 100%;

  }
}

#tinymce.mce-content-body .RMITUP-flex-Modulelinks *[data-mce-selected=inline-boundary] {}

/* Module Card (Button style) */


/* End Module Card (Button style) */



/* Hover effect for the button */
.module-button:hover {
  /* background-color: #f3f3f3; */
}

/* RMITUP Buttons */
.RMITUP-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  /* text-transform:     uppercase; */
  letter-spacing: 1.25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.2s, box-shadow 0.2s;
  text-decoration: none !important;
  user-select: none;
  position: relative;
  overflow: hidden;
}

/* Raised Button */
.RMITUP-button--raised {
  background-color: #6200ee;
  color: #fff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.RMITUP-button--raised:hover,
.RMITUP-button--raised:focus {
  background-color: #3700b3;
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

/* Outlined Button */
.RMITUP-button--outlined {
  background-color: transparent;
  color: #6200ee;
  border: 1px solid #6200ee;
}

.RMITUP-button--outlined:hover,
.RMITUP-button--outlined:focus {
  background-color: rgba(98, 0, 238, 0.08);
}

/* Text Button */
.RMITUP-button--text {
  background-color: transparent;
  color: #6200ee;
}

.RMITUP-button--text:hover,
.RMITUP-button--text:focus {
  background-color: rgba(98, 0, 238, 0.08);
}

/* Icon styling for Canvas default icons */
.RMITUP-icon {
  margin-right: 8px;
  vertical-align: middle;
}

/* Focus effect for accessibility */
.RMITUP-button:focus {
  box-shadow: 0 0 0 3px rgba(98, 0, 238, 0.2);
}

/* RMITUP Buttons End */

/* Button samples */

/* — Style 1: Gradient Border Slide — */
.RMITUP-button--style1 {
  color: var(--RMITUP-color-red);
  border: 2px solid var(--RMITUP-color-red);
  background: none;
}

.RMITUP-button--style1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      var(--RMITUP-color-red),
      var(--RMITUP-color-orange));
  transition: transform 0.3s ease;
  z-index: -1;
}

.RMITUP-button--style1:hover {
  color: #fff;
}

.RMITUP-button--style1:hover::before {
  transform: translateX(100%);
}

/* — Style 2: Liquid Fill — */
.RMITUP-button--style2 {
  background: #eee;
  color: var(--RMITUP-color-black);
}

.RMITUP-button--style2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(to top,
      var(--RMITUP-color-lightblue),
      var(--RMITUP-color-blue));
  transition: height 0.3s ease;
  z-index: -1;
}

.RMITUP-button--style2:hover::before {
  height: 100%;
}

.RMITUP-button--style2:hover {
  color: #fff;
}

/* — Style 3: Neon Glow — */
.RMITUP-button--style3 {
  background: var(--RMITUP-color-black);
  color: var(--RMITUP-color-green);
  border: 2px solid var(--RMITUP-color-green);
}

.RMITUP-button--style3:hover,
.RMITUP-button--style3:focus {
  box-shadow:
    0 0 10px var(--RMITUP-color-green),
    0 0 20px var(--RMITUP-color-green);
}

/* — Style 4: 3D Press — */
.RMITUP-button--style4 {
  background: var(--RMITUP-color-red);
  color: var(--RMITUP-color-white);
  box-shadow: 0 5px var(--RMITUP-color-orange);
}

.RMITUP-button--style4:active {
  transform: translateY(5px);
  box-shadow: none;
}

/* — Style 5: Sparkle Overlay — */
.RMITUP-button--style5 {
  position: relative;
  /* make sure the pseudo-elements are contained */
  overflow: hidden;
  background: var(--RMITUP-color-yellow);
  color: var(--RMITUP-color-black);
}

/* first sparkle layer */
.RMITUP-button--style5::before,
.RMITUP-button--style5::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  pointer-events: none;
  background:
    radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.8) 2%, transparent 0%),
    radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.7) 1.5%, transparent 0%),
    radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.6) 1%, transparent 0%);
  opacity: 0;
}

/* animate the first layer */
.RMITUP-button--style5::before {
  animation: sparkle1 1.2s infinite;
}

/* second sparkle layer, offset and slower */
.RMITUP-button--style5::after {
  animation: sparkle2 1.6s infinite 0.4s;
}

@keyframes sparkle1 {
  0% {
    transform: translate(0, 0) scale(0.5);
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    transform: translate(50%, 50%) scale(1);
    opacity: 0;
  }
}

@keyframes sparkle2 {
  0% {
    transform: translate(50%, 0) scale(0.6);
    opacity: 0.8;
  }

  40% {
    opacity: 0.4;
  }

  80% {
    transform: translate(0, 50%) scale(1.2);
    opacity: 0.2;
  }

  100% {
    transform: translate(-20%, -20%) scale(0.8);
    opacity: 0;
  }
}


/* — Style 6: Underline Slide — */
.RMITUP-button--style6 {
  background: none;
  color: var(--RMITUP-color-black);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0px 2px 10px var(--RMITUP-color-blue);
}

.RMITUP-button--style6::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 0;
  height: 2px;
  background: var(--RMITUP-color-blue);
  transition: width 0.3s ease, left 0.3s ease;
  box-shadow: 0 0 5px var(--RMITUP-color-blue);
}


.RMITUP-button--style6:hover::after {
  width: 100%;
  left: 0;
}

/* — Style 7: Ghost Fill — */
.RMITUP-button--style7 {
  color: var(--RMITUP-color-lightblue);
  border: 2px solid var(--RMITUP-color-lightblue);
}

.RMITUP-button--style7::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: var(--RMITUP-color-lightblue);
  transition:
    width 0.3s ease, height 0.3s ease,
    left 0.3s ease, top 0.3s ease;
  z-index: -1;
}

.RMITUP-button--style7:hover::before {
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
}

.RMITUP-button--style7:hover {
  color: #fff;
}

/* — Style 8: Icon Shift — */
.RMITUP-button--style8 {
  background: var(--RMITUP-color-blue);
  color: var(--RMITUP-color-white);
}

.RMITUP-button--style8 .RMITUP-icon {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.RMITUP-button--style8:hover {
  color: var(--RMITUP-color-white);
}

.RMITUP-button--style8:hover .RMITUP-icon {
  transform: translateX(5px);
}

/* — Style 9: Pulse Glow — */
.RMITUP-button--style9 {
  background: var(--RMITUP-color-pink);
  color: var(--RMITUP-color-black);
  box-shadow: 0 0 5px rgba(243, 143, 187, 0.7);
}

.RMITUP-button--style9:hover {
  animation: pulse 0.6s infinite;
}

@keyframes pulse {

  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 5px rgba(243, 143, 187, 0.7);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(243, 143, 187, 1);
  }
}

/* — Style 10: Download Progress — */
.RMITUP-button--style10 {
  background: var(--RMITUP-color-green);
  color: var(--RMITUP-color-white);
}

.RMITUP-button--style10::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  transition: width 0.4s ease;
  z-index: -1;
}

.RMITUP-button--style10:active::after {
  width: 100%;
}

/* Button samples end */

/* Page embed iframe */

.RMITUP-iframe-container {
  width: 98%;
  height: 1160px;
  /* Default for smaller screens */
  overflow: hidden;
  position: relative;
  /* border: 1px solid #ccc; */
  border-radius: 8px;
  margin-top: -100px;
}

.RMITUP-iframe-container iframe {
  width: 100%;
  height: 1160px;
  border: none;
  /* transform: scale(1) translateY(-600px);
  transform-origin: top left; */
  overflow: hidden;
}

/* Responsive height adjustment based on screen width */
@media (min-width: 668px) and (max-width: 766px) {
  .RMITUP-iframe-container {
    height: 1000px;
  }
}

@media (min-width: 767px) and (max-width: 907px) {
  .RMITUP-iframe-container {
    height: 1062px;
  }
}

@media (min-width: 908px) and (max-width: 971px) {
  .RMITUP-iframe-container {
    height: 1050px;
  }
}

@media (min-width: 972px) and (max-width: 1015px) {
  .RMITUP-iframe-container {
    height: 1020px;
    margin-top: -50px;
  }
}

@media (min-width: 1016px) and (max-width: 1207px) {
  .RMITUP-iframe-container {
    height: 900px;
  }
}

@media (min-width: 1208px) {
  .RMITUP-iframe-container {
    height: 1160px;
    margin-bottom: 20px;
    ;
  }
}

/* Page embed iframe End*/

/* Page Banner */
.RMITUP-banner-header {
  gap: 15px;
}

.RMITUP-banner {
  margin-bottom: 2rem;
  width: 100%;
  /* background-color: blue; */
  position: relative;
  overflow: hidden;
  color: black !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  min-height: 200px;
}

.RMITUP-banner * {
  /* font-family: var(--RMITUP-banner-font-family) !important; */
}

.RMITUP-banner.banner-type3 .cbt-breadcrumb {
  line-height: 45px;
}

.RMITUP-banner.banner-type3 .cbt-breadcrumb a,
.RMITUP-banner.banner-type3 .cbt-breadcrumb .cbt-breadcrumb__active {
  line-height: 45px;
  color: #0074e7;
}

.RMITUP-banner.banner-type3 .RMITUP-banner-content2 {
  background: white;
  color: #0074e7 !important;
}

.RMITUP-banner.banner-type3 .RMITUP-banner-content2 h2 {
  color: var(--RMITUP-primary-blue) !important;
}


.RMITUP-banner-content3 .cbt-breadcrumb a,
.RMITUP-banner-content3 .cbt-breadcrumb .cbt-breadcrumb__active {
  color: var(--RMITUP-color-white) !important;
}


.RMITUP-banner-header {
  line-height: 1.5;
  box-sizing: border-box;
  padding: var(--RMITUP-banner-padding);
  justify-content: var(--RMITUP-banner-content-v-position);
  align-items: var(--RMITUP-banner-content-h-position);
  width: 60%;
}

.RMITUP-banner-img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}

.RMITUP-banner-header * {
  color: var(--RMITUP-banner-font-color) !important;
  margin: var(--RMITUP-banner-content-margin) !important;
}

.RMITUP-banner-header h2 {
  font-size: 2.813rem;
  font-weight: 700;
  /* background: var(--RMITUP-primary-blue); */
  padding: 5px;
}

.RMITUP-banner-header .sub-heading {
  color: var(--RMITUP-banner-font-color) !important;
  font-size: 1.5rem !important;
}

.RMITUP-image-banner .RMITUP-banner-image {
  position: absolute;
  width: 40% !important;
  right: 0;
  height: -webkit-fill-available;
  min-height: var(--RMITUP-banner-min-height);
}

@media (max-width: 768px) {
  .RMITUP-image-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /* .RMITUP-image-banner .RMITUP-banner-header,
  .RMITUP-image-banner .RMITUP-banner-image {
      width: 100%;
  } */
  .RMITUP-image-banner .RMITUP-banner-image {
    min-height: 230px;
  }
}

@media (max-width: 425px) {
  .RMITUP-image-banner .RMITUP-banner-image {
    min-height: 180px;
  }
}

/*Page Banner End */

/* New Banner */

.RMITUP-banner2 {
  position: relative;
  width: 100% !important;
  /* height will be determined by the image's aspect ratio */
}

.RMITUP-banner-img2 {
  /* display: block; */
  width: 100%;
  max-height: 200px;
  /* object-fit: cover; */
  /* filter: brightness(0.8); */
}

.RMITUP-banner-img2 img {
  object-fit: cover;
  /* filter: brightness(0.8); */
}

.RMITUP-banner-content2 {
  position: absolute;
  bottom: 10%;
  left: 2rem;
  color: #fff;
  max-width: 80%;
  opacity: 95%;
  min-width: 45%;
  /* optional semi-opaque block behind text: */
  background: #000054;
  padding: 0.1rem 1rem;
}

.RMITUP-banner-content2 h2 {
  font-size: 34px;
  color: var(--RMITUP-color-white) !important;
}

.RMITUP-banner3 {
  width: 100% !important;
}

.RMITUP-banner-content3 {
  color: #fff;
  max-width: 100%;
  background: #000054;
  padding: 1.5rem 1rem;
  margin-bottom: 2rem;
}

.RMITUP-banner-content3 h2 {
  font-size: 34px;
  color: var(--RMITUP-color-white) !important;
}

/* End New Banner */


/* BannerV3  */
/* Base: safe, namespaced */
.RMITUP-BannerV3 {
  /* tune these once per banner */
  --rmitup-banner-accent: #F38FBB;
  /* top stripe colour */
  --rmitup-banner-art-w: 320px;
  /* fixed image column width */

  position: relative;
  height: 150px;
  max-height: 150px;
  /* never exceed 150px */
  margin: 0 0 12px 0;
  background: #fff;
  overflow: hidden;
  /* hard clamp */
  box-shadow: 0 9px 25px 0 #e3e5e0;
}

/* Accent stripe that doesn't change height */
.RMITUP-BannerV3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 12px;
  background: var(--rmitup-banner-accent);
  z-index: 2;
}

/* 2-column layout: text | fixed art */
.RMITUP-BannerV3 .RMITUP-BannerV3-container {
  display: grid;
  grid-template-columns: 1fr var(--rmitup-banner-art-w);
  align-items: center;
  /* center text vertically */
  height: 100%;
}

/* Keep text stable & centered */
.RMITUP-BannerV3 .RMITUP-BannerV3-textbox {
  padding: 20px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* no bounce */
  min-width: 0;
  /* avoid overflow pushing layout */
  box-sizing: border-box;
}

.RMITUP-BannerV3 .RMITUP-BannerV3-heading {
  line-height: 1.1;
  font-weight: 500;
  color: #000 !important;
}

.RMITUP-BannerV3 .RMITUP-BannerV3-crumbs {
  margin: 0;
  font-weight: 700;
  color: #111;
  font-size: 14px;
}

/* Fixed-size art column */
.RMITUP-BannerV3 .RMITUP-BannerV3-art {
  position: relative;
  width: var(--rmitup-banner-art-w);
  height: 150px;
  background: #fff;
  /* seen if using 'contain' */
}

/* Image fills the box; override any RCE inline sizes */

.RMITUP-BannerV3-art img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  /* use 'contain' if you prefer letterbox */
  object-position: left center !important;
  display: block !important;
  pointer-events: auto !important;
}

/* teacher can Replace Image */


/* Variant: contain (no upscaling, letterboxes if needed) */
.RMITUP-BannerV3--fit-contain .RMITUP-BannerV3-art-img {
  object-fit: contain;
  background: #fff;
  /* optional: ensures clean letterbox */
}

/* Responsive tweak */
@media (max-width: 768px) {
  .RMITUP-BannerV3 {
    --rmitup-banner-art-w: 220px;
  }

  .RMITUP-BannerV3 .RMITUP-BannerV3-heading {
    font-size: clamp(20px, 5vw, 28px);
  }

  .RMITUP-BannerV3::before {
    height: 10px;
  }
}

/* Colour variants (add more as needed) */
.RMITUP-BannerV3--pink {
  --rmitup-banner-accent: #F38FBB;
}

.RMITUP-BannerV3--orange {
  --rmitup-banner-accent: #F26522;
}

.RMITUP-BannerV3--blue {
  --rmitup-banner-accent: #3C5CBE;
}

.RMITUP-BannerV3-textbox .cbt-breadcrumb a {
  color: #000 !important;
}

.RMITUP-BannerV3-textbox .cbt-breadcrumb .cbt-breadcrumb__active {
  font-weight: normal;
}



/* End BannerV3  */

/* Quicklinks */
.RMITUP-quicklink-container {
  padding: 5px;
}

.RMITUP-quicklinks,
#tinymce .RMITUP-quicklinks {
  position: relative;
  cursor: pointer;
  border: 1px solid var(--RMITUP-ql-border);
  border-radius: 3px;
  background: var(--RMITUP-ql-bg);
  color: var(--RMITUP-ql-text);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s ease;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.RMITUP-quicklinks * {
  font-weight: 700 !important;
  line-height: 1 !important;
}

.RMITUP-quicklinks a {
  display: block;
  width: 100%;
  padding: 20px 0;
  color: inherit !important;
  text-decoration: none !important;
  text-align: center;
  line-height: 1.3 !important;
}

.RMITUP-quicklinks:hover,
.RMITUP-quicklinks:focus-within {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
}

/* 3) Theme overrides (just swap the three tokens) */
.theme-black {
  --RMITUP-ql-border: var(--RMITUP-color-black);
  --RMITUP-ql-bg: var(--RMITUP-color-black);
  --RMITUP-ql-text: var(--RMITUP-color-white);
}

.theme-grey {
  --RMITUP-ql-border: var(--RMITUP-color-grey);
  --RMITUP-ql-bg: var(--RMITUP-color-grey);
  --RMITUP-ql-text: var(--RMITUP-color-black);
}

.theme-red {
  --RMITUP-ql-border: var(--RMITUP-color-red);
  --RMITUP-ql-bg: var(--RMITUP-color-red);
  --RMITUP-ql-text: var(--RMITUP-color-white);
}

.theme-orange {
  --RMITUP-ql-border: var(--RMITUP-color-orange);
  --RMITUP-ql-bg: var(--RMITUP-color-orange);
  --RMITUP-ql-text: var(--RMITUP-color-white);
}

.theme-pink {
  --RMITUP-ql-border: var(--RMITUP-color-pink);
  --RMITUP-ql-bg: var(--RMITUP-color-pink);
  --RMITUP-ql-text: var(--RMITUP-color-black);
}

.theme-yellow {
  --RMITUP-ql-border: var(--RMITUP-color-yellow);
  --RMITUP-ql-bg: var(--RMITUP-color-yellow);
  --RMITUP-ql-text: var(--RMITUP-color-black);
}

.theme-green {
  --RMITUP-ql-border: var(--RMITUP-color-green);
  --RMITUP-ql-bg: var(--RMITUP-color-green);
  --RMITUP-ql-text: var(--RMITUP-color-white);
}

.theme-lightblue {
  --RMITUP-ql-border: var(--RMITUP-color-lightblue);
  --RMITUP-ql-bg: var(--RMITUP-color-lightblue);
  --RMITUP-ql-text: var(--RMITUP-color-white);
}

.theme-blue {
  --RMITUP-ql-border: var(--RMITUP-color-blue);
  --RMITUP-ql-bg: var(--RMITUP-color-blue);
  --RMITUP-ql-text: var(--RMITUP-color-white);
}

/* 4) Style Variations */

/* — Pop (scale + elevated shadow) — */
.pop .RMITUP-quicklinks {
  transition: transform 0.3s, box-shadow 0.3s;
}

.pop .RMITUP-quicklinks:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

/* — Slide Overlay (text-colour overlay) — */
.slide .RMITUP-quicklinks {
  overflow: hidden;
}

.slide .RMITUP-quicklinks::before {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--RMITUP-ql-text);
  opacity: 0.1;
  transition: bottom 0.3s;
}

.slide .RMITUP-quicklinks:hover::before {
  bottom: 0;
}

/* — Border Draw (animated top & bottom borders) — */
.border-anim .RMITUP-quicklinks {
  border: none;
}

.border-anim .RMITUP-quicklinks::before,
.border-anim .RMITUP-quicklinks::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 0;
  background: var(--RMITUP-ql-text);
  transition: width 0.3s ease;
}

.border-anim .RMITUP-quicklinks::before {
  top: 0;
  left: 0;
}

.border-anim .RMITUP-quicklinks::after {
  bottom: 0;
  right: 0;
}

.border-anim .RMITUP-quicklinks:hover::before,
.border-anim .RMITUP-quicklinks:hover::after {
  width: 100%;
}

/* — Pulse (gentle scale-pulse on hover) — */
@keyframes pulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.pulse .RMITUP-quicklinks {
  transition: transform 0.2s;
}

.pulse .RMITUP-quicklinks:hover {
  animation: pulse 0.6s ease-in-out;
}

/* Quicklinks End */


/* Bootstrap */
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

[class*="col-"] {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1024px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.row {
  margin-top: 10px;
  /* margin-bottom: 10px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row::before,
.row::after {
  display: none !important;
  content: '';
}

/* Bootstrap End */


/* Welcome */

.RMITUP-welcome {
  font-size: 30px !important;
  color: var(--RMITUP-primary-blue);
  font-weight: 700;
}

/* End Welcome */


/* Callout with link */
.RMITUP-callout-container {
  position: relative;
}

.RMITUP-callout-container-no-link {
  position: relative;
}

.RMITUP-callout-container .RMITUP-icon-headers {
  margin-bottom: 0 !important;
}

#tinymce .RMITUP-callout-container .RMITUP-callout-link {
  text-indent: 1px;
  width: 3%;
}

.RMITUP-callout-container:hover .RMITUP-callout-arrow::before {
  opacity: 1;
}

.RMITUP-callout-content p,
.RMITUP-callout__content p {
  margin: 0 !important;
}

.RMITUP-callout-content {
  border-left: 9px solid #68ace5;
  background: var(--line-header-accordion-list-header-background-color);
  padding: 1.5rem 1.2rem 1.5rem 2.2rem;
  display: flex;
  align-items: center;
  gap: 50px;
  justify-content: space-between;
}

.RMITUP-callout-arrow::before {
  content: "→";
  font-size: 1.7rem;
  font-family: "system-ui";
  margin: 14px;
  opacity: 0;
  transition: opacity 0.3s;
}

.RMITUP-callout-content .icon-heading {
  padding: 0 !important;
}

.RMITUP-callout-content .header-content {
  padding-left: 0 !important;
}

#tinymce .RMITUP-callout-container .RMITUP-callout-link {
  text-indent: 1px;
  width: 3%;
}

.RMITUP-callout-container:hover .RMITUP-callout-arrow::before {
  opacity: 1;
}

.RMITUP-callout-arrow {
  color: black !important;
}

.RMITUP-callout-link {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  text-indent: -9999px;
  overflow: hidden;
}

#tinymce .RMITUP-callout-container .RMITUP-callout-link {
  text-indent: 1px;
  width: 3%;
}

/* Call out with link end */
/* Icon headers */
.RMITUP-icon-headers {
  margin-bottom: 0 !important;
}

.icon-heading {
  display: flex;
  gap: 10px;
  align-items: center;
}

.icon-heading i {
  font-size: 1.875rem;
  font-size: 0 !important;
}

.icon-heading h3 {
  margin: 0 !important;
}

.RMITUP-callout__content .icon-heading {
  padding: 0 !important;
}

.icon-heading h2 {
  color: var(--RMITUP-primary-blue);
}

.icon-heading i::before {
  font-size: 24px !important;
  color: var(--RMITUP-primary-blue);
}

.icon-heading {
  /* padding: 0 2.5rem !important; */
}

.icon-heading h2 {
  margin: 0 !important;
  font-size: 1.75rem !important;
}

.RMITUP-header-content {
  /* padding: 1rem 2.5rem !important; */
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

/* Icon headers end */
/* Horizontal line */
.RMITUP-hr {
  border: 2px solid #e5e5e5;
  margin: 0 !important;
}

/* End Horizontal line */
/* Staff card */
.RMITUP-staff-card {
  display: flex;
  background-color: #D9ECF7;
  padding: 2.5rem;
  /* max-width: 600px; */
}

.RMITUP-staff-info {
  flex: 1;
}

.RMITUP-staff-email,
.RMITUP-staff-name {
  font-size: 24px;
  margin: 0;
  /* font-weight: 700; */
}

.RMITUP-staff-email a{
  font-size: 18px;
  color: var(--RMITUP-primary-blue);
  margin: 5px 0;
}

.RMITUP-staff-description {
  font-size: 16px;
  margin: 10px 0 0;
}

.RMITUP-staff-image-container {
  /* margin-left: 20px; */
  display: flex;
  flex-flow: column;
  align-items: center;
justify-content: center;
}

.RMITUP-staff-image-container .RMITUP-staff-image {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  object-fit: cover;
}


.RMITUP-staff-image-container img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  object-fit: cover;
}

/* End Staff card */
/* Footer */
.RMITUP-footer {
  /* background-color: var(--RMITUP-primary-blue); */
  background-color: #f7f7f7;
  color: #fff;
  padding: 20px 0;
  gap: 70px;
}

.RMITUP-footer-container {
  display: flex;
  /* max-width: max-content; */
  justify-content: space-between;
  padding: 0 6rem;
  /* gap: 70px; */
  /* margin: auto; */
}

.RMITUP-footer-column {
  flex: 1;
  max-width: max-content;
}

.RMITUP-footer-column h3 {
  margin-bottom: 10px;
  font-size: 18px;
  color: var(--RMITUP-primary-blue) !important;
}

.RMITUP-footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.RMITUP-footer-column ul li,
.RMITUP-table td ul li {
  margin: 0px !important;
  margin-bottom: 5px !important;
}

.RMITUP-footer-column ul li a {
  color: var(--RMITUP-primary-blue) !important;
  text-decoration: none !important;
  font-size: 12px;
}

.RMITUP-footer-column:last-child {
  /* margin-left: 100px; */
}

/* End Footer */
/* Learning outcomes */
.RMITUP-learning-outcome {
  padding: 1.5rem 2.5rem;
  background: #f6f6f6;
}

#module-assignments-container h3,
.icon-heading h2,
.RMITUP-learning-outcome p {
  margin: 0 !important;
}

.RMITUP-learning-outcome__lists {
  background: #fff;
  padding: 1.5rem;
  margin-top: 20px;
}

.RMITUP-learning-outcome__lists>ul li:not(:last-child) {
  margin-bottom: 10px;
}

/* End Learning outcomes */
/* Blockquote */
.RMITUP-blockquote-container {
  max-width: 70%;
  margin: auto;
  position: relative;
}

.RMITUP-blockquote {
  border: none !important;
  padding-left: 0 !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  padding-top: 30px !important;
  margin: 0 0 20px !important;
  line-height: 1.5 !important;
}

.RMITUP-blockquote::before {
  content: none !important;
}

.RMITUP-blockquote-author {
  font-size: 22px;
  font-weight: 700;
  color: var(--RMITUP-primary-blue);
}

.RMITUP-blockquote-container::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='83' height='76' viewBox='0 0 83 76' fill='none'%3e%3cpath d='M82.3709 12.2034C72.6519 18.2802 63.5337 30.4337 61.7125 40.7598C62.3196 40.4531 64.7478 40.1527 66.2685 40.1527C75.6872 40.1527 82.978 47.4436 82.978 57.4692C82.978 67.4949 74.4731 75.9999 64.4474 75.9999C53.2076 75.9999 43.1819 66.5812 43.1819 50.4788C43.1819 30.7341 54.4217 12.8105 69.6104 1.87109L82.3709 12.1972V12.2034Z' fill='%23F2F2F2'/%3e%3cpath d='M39.1891 10.3261C29.47 16.4028 20.3518 28.5563 18.5306 38.8824C19.1377 38.5758 21.5659 38.2754 23.0866 38.2754C32.5053 38.2754 39.7961 45.5662 39.7961 55.5919C39.7961 65.6176 31.2912 74.1225 21.2655 74.1225C10.0257 74.1225 0 64.7102 0 48.6077C0 28.863 11.2398 10.9394 26.4285 0L39.1891 10.3261Z' fill='%23F2F2F2'/%3e%3c/svg%3e");
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: -65px;
  background-repeat: no-repeat;
}

/* End blockquote */

/* External links hide */
/* Classic Canvas editors */
.ui-icon-extlink {
  display: none !important;
}

/* Newer RCEs (if the above doesn’t catch it) */
a.external>.external_link_icon {
  display: none !important;
}

/*  */

/* RMITUP-card */

.RMITUP-card {
  background: var(--RMITUP-color-white);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  position: relative;
}

.RMITUP-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.RMITUP-card img {
  display: block;
  width: 100%;
  height: auto;
}

/* 3) Style 1: Image on top + content below */
.RMITUP-card--style1 .RMITUP-card__body {
  padding: 1rem;
}

.RMITUP-card--style1 .RMITUP-card__title {
  margin: 0;
  font-size: 1.25rem;
  color: var(--RMITUP-color-black);
}

.RMITUP-card--style1 .RMITUP-card__text {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: var(--RMITUP-color-black);
}

/* 4) Style 2: Hover-zoom image */
.RMITUP-card--style2 .RMITUP-card__image {
  overflow: hidden;
}

.RMITUP-card--style2 .RMITUP-card__image img {
  transition: transform 0.5s;
}

.RMITUP-card--style2:hover .RMITUP-card__image img {
  transform: scale(1.1);
}

.RMITUP-card--style2 .RMITUP-card__body {
  padding: 1rem;
}

/* 5) Style 3: Text overlay on image */
.RMITUP-card--style3 .RMITUP-card__image {
  position: relative;
}

.RMITUP-card--style3 .RMITUP-card__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
  color: var(--RMITUP-color-white);
  transition: background 0.3s;
}

.RMITUP-card--style3:hover .RMITUP-card__overlay {
  background: rgba(0, 0, 0, 0.7);
}

/* 6) Style 4: Colored accent border */
.RMITUP-card--style4 {
  border: 4px solid var(--RMITUP-color-blue);
}

.RMITUP-card--style4 .RMITUP-card__body {
  padding: 1rem;
}

/* 7) Style 5: Circular avatar + side text */
.RMITUP-card--style5 {
  display: flex;
  align-items: center;
}

.RMITUP-card--style5 .RMITUP-card__image-wrapper {
  flex: 0 0 80px;
  margin: 1rem;
}

.RMITUP-card--style5 .RMITUP-card__image-wrapper img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}

.RMITUP-card--style5 .RMITUP-card__body {
  padding-right: 1rem;
}

/* 8) Style 6: Gradient image overlay + bottom text */
.RMITUP-card--style6 .RMITUP-card__image {
  position: relative;
}

.RMITUP-card--style6 .RMITUP-card__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg,
      var(--RMITUP-color-red),
      var(--RMITUP-color-orange));
  opacity: 0.4;
}

.RMITUP-card--style6 .RMITUP-card__body {
  /* position: absolute;  */
  /* bottom: 1rem; 
  left: 1rem; */
  padding: 1rem;
  color: var(--RMITUP-color-black);
}

/* 9) Style 7: Corner ribbon badge */
.RMITUP-card--style7 .RMITUP-card__badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: var(--RMITUP-color-pink);
  color: var(--RMITUP-color-white);
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 4px;
}

.RMITUP-card--style7 .RMITUP-card__body {
  padding: 1rem;
}

/* 10) Style 8: Flip on hover (front/back) */
.RMITUP-card--style8 {
  perspective: 1000px;
}

.RMITUP-card--style8 .RMITUP-card__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

.RMITUP-card--style8:hover .RMITUP-card__inner {
  transform: rotateY(180deg);
}

.RMITUP-card--style8 .RMITUP-card__front,
.RMITUP-card--style8 .RMITUP-card__back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.RMITUP-card__front-content {
  box-sizing: border-box;
  padding: 1rem;
}

.RMITUP-card--style8 .RMITUP-card__back {
  transform: rotateY(180deg);
  background: var(--RMITUP-color-lightblue);
  color: var(--RMITUP-color-white);
  padding: 1rem;
  box-sizing: border-box;
}

/* 11) Style 9: Slide-up description */
.RMITUP-card--style9 {
  overflow: hidden;
}

.RMITUP-card--style9 .RMITUP-card__body {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: var(--RMITUP-color-white);
  transition: bottom 0.3s;
  padding: 1rem;
}

.RMITUP-card--style9:hover .RMITUP-card__body {
  bottom: 0;
}

/* 12) Style 10: Full-bg image + centered text */
.RMITUP-card--style10 {
  color: var(--RMITUP-color-white);
  background-size: cover;
  background-position: center;
}

.RMITUP-card--style10 h3 {
  color: var(--RMITUP-color-white) !important;
}

.RMITUP-card--style10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.RMITUP-card--style10 .RMITUP-card__body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  padding: 1rem;
}

.RMITUP-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 20px;
}

.RMITUP-card {
  /* height: 300px; */
}


.RMITUP-card--style11 {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
}

.RMITUP-card--style11 .RMITUP-card__body {
  padding: 1rem;
}

/*— Style 12: Diagonal-Cut Image Card —*/
.RMITUP-card--style12 .RMITUP-card__image {
  overflow: hidden;
}

.RMITUP-card--style12 .RMITUP-card__image img {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
}

.RMITUP-card--style12 .RMITUP-card__body {
  padding: 1rem;
}

/*— Style 13: 3D Tilt on Hover —*/
.RMITUP-card--style13 {
  transform-style: preserve-3d;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.RMITUP-card--style13 .RMITUP-card__body {
  padding: 1rem;
}

.RMITUP-card--style13:hover {
  transform: rotateX(10deg) rotateY(-10deg) translateY(-5px);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

/*— Style 14: Animated Gradient Background —*/
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.RMITUP-card--style14 {
  background: linear-gradient(45deg,
      var(--RMITUP-color-red),
      var(--RMITUP-color-orange),
      var(--RMITUP-color-pink),
      var(--RMITUP-color-yellow),
      var(--RMITUP-color-green),
      var(--RMITUP-color-lightblue),
      var(--RMITUP-color-blue));
  background-size: 400% 400%;
  animation: gradientShift 8s ease infinite;
  color: var(--RMITUP-color-white);
}

.RMITUP-card--style14 .RMITUP-card__body {
  background: rgba(0, 0, 0, 0.4);
  padding: 1rem;
}

/*— Style 15: Skew-Unskew Reveal —*/
.RMITUP-card--style15 {
  overflow: hidden;
}

.RMITUP-card--style15 .RMITUP-card__inner {
  transform: skew(-10deg);
  transition: transform 0.4s ease;
}

.RMITUP-card--style15 .RMITUP-card__inner>* {
  transform: skew(10deg);
}

.RMITUP-card--style15:hover .RMITUP-card__inner {
  transform: skew(0);
}

.RMITUP-card--style15 .RMITUP-card__image img {
  width: 100%;
  display: block;
}

.RMITUP-card--style15 .RMITUP-card__body {
  padding: 1rem;
}


/*— Style 16: Underlined Heading —*/
.RMITUP-card--style16 .RMITUP-card__body {
  padding: 1rem;
}

.RMITUP-card--style16 .RMITUP-card__title {
  margin: 0;
  display: inline-block;
  border-bottom: 3px solid var(--RMITUP-color-lightblue);
  padding-bottom: 0.25rem;
  color: var(--RMITUP-color-lightblue);
}

.RMITUP-card--style16 .RMITUP-card__text {
  margin: 0.5rem 0 0;
  color: var(--RMITUP-color-black);
}

/*— Style 17: Tabbed Header —*/
.RMITUP-card--style17 {
  border: 1px solid var(--RMITUP-color-grey);
  overflow: hidden;
}

.RMITUP-card--style17 .RMITUP-card__header {
  background: var(--RMITUP-color-pink);
  color: var(--RMITUP-color-white);
  padding: 0.75rem 1rem;
  font-size: 1.1rem;
}

.RMITUP-card--style17 .RMITUP-card__body {
  padding: 1rem;
}

/*— Style 18: Left Accent Border —*/
.RMITUP-card--style18 {
  border-left: 6px solid var(--RMITUP-color-green);
}

.RMITUP-card--style18 .RMITUP-card__body {
  padding: 1rem;
}

/*— Style 19: Circular Icon —*/
.RMITUP-card--style19 {
  position: relative;
}

.RMITUP-card--style19 .RMITUP-card__icon {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--RMITUP-color-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--RMITUP-color-black);
}

.RMITUP-card--style19 .RMITUP-card__body {
  padding: 3rem 1rem 1rem;
}

/*— Style 20: Split Background —*/
.RMITUP-card--style20 {
  background: linear-gradient(to bottom,
      var(--RMITUP-color-orange) 40%,
      var(--RMITUP-color-white) 40%);
}

.RMITUP-card--style20 .RMITUP-card__body {
  padding: 1rem;
}

.RMITUP-card--style20 .RMITUP-card__title,
.RMITUP-card--style20 .RMITUP-card__text {
  color: var(--RMITUP-color-black);
}

/* RMITUP card end */


/* Test Module card */

/* 1) Base layout (your existing styles) */
/* #module-cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  margin: 2rem auto;
  max-width: 1000px;
} */

/* ensure each card is positioned relative for overlays, flips, etc */
#module-cards-container .module-card {
  position: relative;
  width: 30%;
  overflow: hidden;
  transition: transform 0.2s ease-in-out;
}

#module-cards-container .module-card:nth-child(10) {
  width: 100% !important;
}

#module-cards-container .module-card:nth-child(10) .module-image {
  display: none !important;
}

#module-cards-container .module-card:nth-child(10) .module-progress {
  display: none !important;
}


#module-cards-container .module-card .module-progress {
  display: none !important;
}

/* 2) Variant: Accent Border */
#module-cards-container.RMITUP-variant-accent .module-card {
  background: var(--RMITUP-color-white);
  border-left: 4px solid var(--RMITUP-color-blue);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  color: var(--RMITUP-color-black);
}

#module-cards-container.RMITUP-variant-accent .module-card .module-card-detail .module-button {
  background-color: var(--RMITUP-color-grey);
}


/* 3) Variant: Hover-Overlay */
#module-cards-container.RMITUP-variant-overlay .module-card img {
  display: block;
  width: 100%;
  transition: filter 0.3s;
  filter: opacity(1) !important;
}

#module-cards-container.RMITUP-variant-overlay .module-card-detail {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: rgba(0, 0, 0, 0.6);
  color: var(--RMITUP-color-white);
  transform: translateY(100%);
  transition: transform 0.3s;
  margin: 0px !important;
}

#module-cards-container.RMITUP-variant-overlay .module-card-detail .module-title {
  display: none !important;
}

#module-cards-container.RMITUP-variant-overlay .module-card-detail .module-progress {
  display: none !important;
}

#module-cards-container.RMITUP-variant-overlay .module-card-detail .module-header {
  font-size: 22px;
}

#module-cards-container.RMITUP-variant-overlay .module-card:hover img {
  filter: brightness(50%);
}

#module-cards-container.RMITUP-variant-overlay .module-card:hover .module-card-detail {
  transform: translateY(0);
}

/* 4) Variant: Diagonal-Cut Image */
#module-cards-container.RMITUP-variant-diagonal .module-card img {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
}

#module-cards-container.RMITUP-variant-diagonal .module-card-detail {
  /* background: var(--RMITUP-color-white); */
  padding: 1rem;
}

/* 5) Variant: Glassmorphism */
#module-cards-container.RMITUP-variant-glass .module-card {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

#module-cards-container.RMITUP-variant-glass .module-card-detail {
  color: var(--RMITUP-color-black);
  padding: 1rem;
}

/* 6) Variant: Flip on Hover */
#module-cards-container.RMITUP-variant-flip .module-card {
  perspective: 800px;
}

#module-cards-container.RMITUP-variant-flip .module-card-detail,
#module-cards-container.RMITUP-variant-flip .module-image {
  backface-visibility: hidden;
  transition: transform 0.6s;
}

#module-cards-container.RMITUP-variant-flip .module-image {
  transform: rotateY(0);
}

#module-cards-container.RMITUP-variant-flip .module-card-detail {
  position: absolute;
  top: 5px;
  left: 8px;
  width: 95%;
  height: 95%;
  background: var(--RMITUP-color-white);
  transform: rotateY(-180deg);
  padding: 1rem;
  box-sizing: border-box;
  justify-content: center;
}

#module-cards-container.RMITUP-variant-flip .module-card:hover .module-image {
  transform: rotateY(180deg);
}

#module-cards-container.RMITUP-variant-flip .module-card:hover .module-card-detail {
  transform: rotateY(0);
  border-radius: 10px;
}

#module-cards-container.RMITUP-variant-flip .module-card {
  color: var(--RMITUP-color-black);
}

#module-cards-container.RMITUP-variant-flip .module-card .module-card-detail {
  margin: 0 !important;
}

#module-cards-container.RMITUP-variant-flip .module-card .module-card-detail .module-button {
  background-color: var(--RMITUP-color-grey);
}

/* Test module card end */

/* 1) RMITUP colour palette tokens */
:root {
  --RMITUP-color-black: #000000;
  --RMITUP-color-grey: #e3e5e0;
  --RMITUP-color-white: #ffffff;
  --RMITUP-color-red: #e61e2a;
  --RMITUP-color-orange: #f26522;
  --RMITUP-color-pink: #f38fbb;
  --RMITUP-color-yellow: #fed82e;
  --RMITUP-color-green: #0da24b;
  --RMITUP-color-lightblue: #439ed7;
  --RMITUP-color-blue: #3c5cd2;
}

/* 2) Base tab styles (shared) */
.RMITUP-tabs {
  width: 100%;
  /* margin: 20px auto; */
}

.RMITUP-tab-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  /* border-bottom: 2px solid var(--RMITUP-color-grey); */
}

/* .RMITUP-tab-item {
  margin: 0;
  padding: 0;
} */
.RMITUP-tab-trigger {
  background: none;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  outline: none;
  color: var(--RMITUP-color-black);
  border-bottom: 3px solid transparent;
  transition: all 0.3s;
  text-decoration: none !important;
}

.RMITUP-tab-trigger:hover {
  color: var(--RMITUP-color-black);
}

.RMITUP-tab-content {
  display: none;
  padding: 15px;
  /* background: #f9f9f9; */
  border: 1px solid #c4c4c4;
  margin-top: -1px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.RMITUP-tab-content[aria-hidden="false"] {
  display: block;
}

/* 3) Style 1 — Underline Slide */
.RMITUP-tabs--style1 .RMITUP-tab-trigger {
  position: relative;
}

.RMITUP-tabs--style1 .RMITUP-tab-trigger::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 3px;
  background: var(--RMITUP-color-blue);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.RMITUP-tabs--style1 .RMITUP-tab-item.active .RMITUP-tab-trigger::after {
  width: 100%;
}

/* 4) Style 2 — Box Highlight */
.RMITUP-tabs--style2 .RMITUP-tab-list {
  background: var(--RMITUP-color-grey);
  border-radius: 6px;
  padding: 5px;
}

.RMITUP-tabs--style2 .RMITUP-tab-trigger {
  margin: 0 5px;
  border-radius: 4px;
  transition: background-color 0.3s, color 0.3s;
}

.RMITUP-tabs--style2 .RMITUP-tab-item.active .RMITUP-tab-trigger {
  background: var(--RMITUP-color-blue);
  color: var(--RMITUP-color-white);
}

/* 5) Style 3 — Pill Tabs */
.RMITUP-tabs--style3 .RMITUP-tab-list {
  background: var(--RMITUP-color-grey);
  border-radius: 999px;
  padding: 5px;
}

.RMITUP-tabs--style3 .RMITUP-tab-trigger {
  margin: 0 5px;
  border-radius: 999px;
  transition: background-color 0.3s, color 0.3s;
}

.RMITUP-tabs--style3 .RMITUP-tab-item.active .RMITUP-tab-trigger {
  background: var(--RMITUP-color-green);
  color: var(--RMITUP-color-white);
}

/* 6) Style 4 — Fade & Slide Content */
.RMITUP-tabs--style4 .RMITUP-tab-content {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.RMITUP-tabs--style4 .RMITUP-tab-content[aria-hidden="false"] {
  opacity: 1;
  transform: translateY(0);
}

/* 7) Style 5 — Vertical Tabs */
.RMITUP-tabs--style5 {
  display: flex;
}

.RMITUP-tabs--style5 .RMITUP-tab-list {
  flex-direction: column;
  border-bottom: none;
  border-right: 2px solid var(--RMITUP-color-pink);
  margin-right: 1rem;
}

.RMITUP-tabs--style5 .RMITUP-tab-trigger {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 15px;
  border-right: 3px solid transparent;
  transition: border-color 0.3s;
}

.RMITUP-tabs--style5 .RMITUP-tab-item.active .RMITUP-tab-trigger {
  border-color: var(--RMITUP-color-pink);
  font-weight: bold;
}

.RMITUP-tabs--style5 .RMITUP-tab-content {
  flex: 1;
}

/* End Tab variations */

/* Progress Pie and Continue block */
/* ─── wrapper flex panels ─── */

.cbt-progress-wrapper {
  display: flex;
  margin: 24px 0;
  flex-direction: column;
  /* font-family: sans-serif; */
  background: #F5F5F5;
  /* min-height: 150px; */
}

.cbt-progress-left {
  /* flex: 1; */
  background: #013A75;
  /* dark blue */
  color: #fff;
  position: relative;
  padding: 20px;
}

.cbt-progress-right {
  flex: 1;
  background: #F5F5F5;
  /* light grey */
  position: relative;
}

/* ─── Progress Pie ─── */
/* === in your main CSS bundle === */
.cbt-progress-pie {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}

.cbt-progress-pie svg {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}

.cbt-progress-pie circle {
  fill: transparent;
  stroke-width: 12;
  /* center the circles at 60,60 since size=120 */
}

.cbt-progress-pie .bg-ring {
  stroke: #ffffff;
  opacity: 0.2;
}

.cbt-progress-pie .fg-ring {
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease;
}

.cbt-progress-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  font-weight: bold;
  color: #ffffff;
}


/* ─── Continue block (right) ─── */
.cbt-progress-current-container {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 24px;
}

.cbt-progress-current-info .strong {
  font-size: 20px;
  margin-bottom: 8px;
}

.cbt-progress-button-icon {
  margin-left: auto;
  font-size: 24px;
  color: #004080;
}

.cbt-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  text-indent: -9999px;
}



/* End Progress Pie and Continue block */

/* Linear Progress */
.cbt-linear-progress-wrapper {
  width: 100%;
  /* max-width: 600px; */
  margin: 1em 0;
}

.cbt-linear-progress__label {
  display: block;
  margin-bottom: 0.25em;
  font-weight: bold;
  color: #fff;
  /* or your text color */
  font-size: 0.9rem;
}

.cbt-linear-progress {
  position: relative;
  height: 16px;
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.cbt-linear-progress__fill {
  height: 100%;
  width: 0;
  background-color: #ffc20e;
  /* your accent color */
  transition: width 0.3s ease;
}

/* End Linear Progress */
/* Segmented Progress Bar */
.cbt-linear-progress-segmented {
  display: flex;
  gap: 2px;
  width: 95%;
  height: 8px;
  margin: 1em auto;
}

.cbt-linear-progress-segmented .segment {
  flex: 1;
  background: #e0e0e0;
  border-radius: 4px;
}

.cbt-linear-progress-segmented .segment--filled {
  background: #ffc20e;
}

/* End Segmented Progress Bar */
/* Checklist */
.RMITUP-checklist-container {
  padding: 1rem 2.5rem;
  /* margin: 20px auto; */
  border: 1px solid #bdbdbd;
}

.RMITUP-checklist-container h2 {
  margin-bottom: 3rem !important;
}

.RMITUP-checklist-container h3 {
  margin-top: 0 !important;
  font-size: 1.25rem;
  font-weight: 500;
  color: #000;
}

.RMITUP-checklist-item {
  display: flex;
  align-items: center;
  /* margin-bottom: 20px; */
  gap: 25px;
}

.RMITUP-checklist-item .RMITUP-checkbox {
  margin-right: 40px !important;
}

.RMITUP-checkbox {
  min-width: 20px;
  min-height: 20px;
  margin-right: 40px;
  margin-top: 5px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  font-size: 24px;
  color: transparent;
  position: relative;
}

.RMITUP-checkbox::before {
  content: "☐";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid var(--RMITUP-primary-blue);
  border-radius: 7px;
  text-align: center;
  line-height: 24px;
}

.RMITUP-checkbox.checked::before {
  content: "✓";
  background-color: var(--RMITUP-primary-blue);
  color: #fff;
  font-size: x-large;
  font-weight: bolder;
}

#wiki_page_show .RMITUP-checkbox {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.RMITUP-content {
  display: flex;
  flex-direction: column;
}

.RMITUP-checklist-item strong {
  font-size: 1.1em;
}

.RMITUP-checklist-item p {
  /* margin: 5px 0 0; */
}

/* End Checklist */

/* Copy code snippet */
.cbt-snippet {
  background: #f5f7fa;
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  padding: 16px;
  margin: 20px 0;
}

.cbt-snippet__title {
  margin: 0 0 8px;
  font: 600 16px/1.2 ui-sans-serif, system-ui;
  color: #1f2937;
}

.cbt-snippet__code {
  background: #f3f6f9;
  border-radius: 6px;
  padding: 12px;
  font: 13px/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas;
  white-space: pre;
  overflow: auto;
  max-height: 420px;
}

.cbt-snippet__copy-link {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 16px;
  border-radius: 6px;
  background: #0b63ce;
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
}

.cbt-snippet__copy-link:hover {
  filter: brightness(0.95);
}

.cbt-snippet__copy-link.is-copied {
  background: #1f9d55;
}

.cbt-snippet__toast {
  margin-left: 10px;
  font-size: 12px;
  color: #1f9d55;
}

/* End copy code snippet */

/* Email template */
.RMITUP-email-scope {
  padding: 24px;
  background: #f4f6f9;
  display: grid;
  gap: 28px;
  align-content: start;
}

/* Base component */
.RMITUP-email {
  /* local CSS vars with fallbacks */
  --rmitup-panel: #ffffff;
  --rmitup-text: #0f172a;
  --rmitup-muted: #64748b;
  --rmitup-border: #e5e7eb;
  --rmitup-accent: #111827;
  /* left rule */

  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 560px;
  /* margin-inline: auto; */
  color: var(--rmitup-text);
  background: var(--rmitup-panel);
  border: 1px solid var(--rmitup-border);
  overflow: hidden;
  font-family: monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas;
  font-size: 13px !important;
}

.RMITUP-email__header {
  padding: 16px 20px;
  display: grid;
  gap: 8px;
}

.RMITUP-email__rows {
  display: grid;
  gap: 4px;
}

.RMITUP-email__row {
  /* display: grid; */
  grid-template-columns: 68px 1fr;
  align-items: start;
  column-gap: 8px;
}

.RMITUP-email__k {
  color: var(--rmitup-muted);
  font-weight: 600;
}

.RMITUP-email__v {
  word-break: break-word;
}

.RMITUP-email__subject {
  margin: 6px 0 0;
  font-size: 16px;
  font-weight: 700;
}

.RMITUP-email__rule {
  height: 1px;
  background: var(--rmitup-border);
  border: 0;
  margin: 0;
}

.RMITUP-email__body {
  padding: 16px 20px 20px;
  display: grid;
  gap: 12px;
}

.RMITUP-email__body p {
  margin: 0;
}

/* --- Style A: Card with left accent (visual emphasis) --- */
.RMITUP-email--card {
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.RMITUP-email--card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--rmitup-accent);
  opacity: .85;
}

/* --- Style B: Plain Viewer (closer to email body pane) --- */
.RMITUP-email--plain {
  border-radius: 6px;
  box-shadow: none;
  flex: 1;
}

.RMITUP-email--plain .RMITUP-email__header {
  background: #f8fafc;
}

/* Print */
@media print {
  .RMITUP-email-scope {
    background: #fff;
    padding: 0;
  }

  .RMITUP-email {
    box-shadow: none !important;
    border-color: #bbb;
  }
}

/* Dark mode (scoped) */
@media (prefers-color-scheme: dark) {
  .RMITUP-email-scope {
    background: #0f1116;
  }

  .RMITUP-email {
    --rmitup-panel: #0b1220;
    --rmitup-text: #e5e7eb;
    --rmitup-muted: #94a3b8;
    --rmitup-border: #1f2937;
    --rmitup-accent: #89b4fa;
  }

  .RMITUP-email--card {
    box-shadow: none;
  }

  .RMITUP-email--plain .RMITUP-email__header {
    background: #0f172a;
  }
}

/* End Email template */
/* Pop-up anchorlinks */
/* RMITUP Anchor Links Popover */
.RMITUP-anchor-links {
  position: sticky;
  top: 12px;
  width: max-content;
  z-index: 50;
}

.RMITUP-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .85rem;
  border-radius: 999px;
  background: #fff;
  color: #013A75;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
}

.RMITUP-chip:focus {
  outline: 0px !important;
  outline-offset: 2px;
}

.RMITUP-popover {
  position: absolute;
  top: 0;
  left: calc(100% + 12px);
  width: min(360px, 86vw);
  background: #fff;
  color: #1a1a1a;
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .25);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .15s ease-out, visibility 0s linear .15s;
}

.RMITUP-popover::before {
  content: "";
  position: absolute;
  top: 14px;
  left: -8px;
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.RMITUP-anchor-links.is-open .RMITUP-popover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.RMITUP-popover__close {
  position: absolute;
  top: 8px;
  right: 10px;
  text-decoration: none;
  color: #666;
  font-size: 20px;
  line-height: 1;
}

.RMITUP-popover__title {
  margin: 0 0 .5rem 0;
  font-size: 1.25rem;
}

.RMITUP-popover__list {
  margin: .5rem 0 0;
  padding: 0 0 0 1rem;
}

.RMITUP-popover__list li {
  margin: .25rem 0;
}

.RMITUP-popover__link {
  color: #0b3a6f;
  text-decoration: none !important;
}

.RMITUP-popover__link:focus-visible {
  outline: 2px solid #0a58ca;
  outline-offset: 2px;
}

/* Backdrop (created once by JS) */
.RMITUP-popover__backdrop {
  position: fixed;
  inset: 0;
  background: transparent;
  display: none;
  z-index: 0;
}



/* Mobile: drop below the chip */
@media (max-width:560px) {
  .RMITUP-popover {
    left: 0;
    top: calc(100% + 12px);
    width: min(420px, 96vw);
  }

  .RMITUP-popover::before {
    left: 18px;
    top: -8px;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
  }
}

/* End Pop-up anchorlinks */

/* New Horizontal lines */
/* Base */
.RMITUP-hr {
  display: block;
  border: none;
  height: 1px;
  background: currentColor;
  margin: 12px 0;
}


/* Color utilities */
.RMITUP-hr--red {
  background: #E61E2A;
}

.RMITUP-hr--blue {
  background: #000054;
}

.RMITUP-hr--black {
  background: #000000;
}


.RMITUP-hr--orange {
  background: #F26522;
}

.RMITUP-hr--yellow {
  background: #FED82E;
}

.RMITUP-hr--green {
  background: #0DA24B;
}

.RMITUP-hr--pink {
  background: #F38FBB;
}




/* Thickness modifiers (for the solid background form) */
.RMITUP-hr--thin {
  height: 1px;
}

.RMITUP-hr--sm {
  height: 1px;
}

.RMITUP-hr--md {
  height: 1px;
}

.RMITUP-hr--lg {
  height: 1px;
}

.RMITUP-hr--xl {
  height: 6px;
}


/* Border-based variants (dashed/dotted/double) */
.RMITUP-hr--dashed,
.RMITUP-hr--dotted,
.RMITUP-hr--double,
.RMITUP-hr--line {
  height: 0;
  border: 0;
  background: none;
  margin: 12px 0;
  border-top: 2px solid currentColor;
  /* default */
}

.RMITUP-hr--line {
  border-top-width: 1px;
}

.RMITUP-hr--dashed {
  border-top-style: dashed;
}

.RMITUP-hr--dotted {
  border-top-style: dotted;
}

.RMITUP-hr--double {
  border-top: 4px double currentColor;
}


/* Brand gradient bar (Red → Blue) */
.RMITUP-hr--brand-gradient {
  border: 0;
  height: 3px;
  /* background: linear-gradient(90deg, #E61E2A 0%, #000054 100%); */
}


/* Inverted demo panel for white rule */
.RMITUP-hr-on-dark {
  background: #0f172a;
  padding: 2px 12px;
  border-radius: 8px;
  color: #fff;
  font: 12px/1.2 system-ui;
  margin: 20px 0px;
}

/* Gradient transparent */

.RMITUP-hr--gradient-transparent {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* Flaired */
.RMITUP-hr-flaired {
  overflow: visible;
  /* For IE */
  height: 30px;
  border-style: solid;
  border-color: #E61E2A;
  border-width: 1px 0 0 0;
  border-radius: 20px;
  margin-bottom: -30px;
}

.RMITUP-hr-flaired:before {
  /* Not really supposed to work, but does */
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #E61E2A;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}

/* Glyph */
.RMITUP-hr-glyph {
  overflow: visible;
  /* For IE */
  padding: 0;
  border: none;
  border-top: medium double #333;
  color: #333;
  text-align: center;
  margin-bottom: -30px;
}

.RMITUP-hr-glyph:after {
  content: "§";
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 0.25em;
  background: white;
}

/* End New Horizontal lines */
/* Attention and Grammer box */
.RMITUP-callout {
  --RMITUP-head: #000;
  /* header bg */
  --RMITUP-head-ink: #fff;
  /* header text */
  --RMITUP-body: var(--RMITUP-color-white);
  /* body bg */
  --RMITUP-border: #e5e7eb;

  border: 1px solid var(--RMITUP-border);
  border-radius: 12px;
  overflow: clip;
  background: var(--RMITUP-body);
  display: grid;
  grid-template-rows: auto 1fr;
  margin-bottom: 1.5rem;
}

.RMITUP-callout__header {
  padding: 10px 20px;
  color: var(--RMITUP-head-ink) !important;
  background: var(--RMITUP-head);
  /* font: 700 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; */
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  /* font-family: 'Lato Extended' !important; */
  /* font-weight: 700; */
  letter-spacing: 1px;
}

.RMITUP-callout__header i::before {
  font-size: inherit !important;
}

.RMITUP-halfwidth {
  width: 50% !important;
  margin-bottom: 20px;
}

.RMITUP-fullwidth {
  width: 100% !important;
  margin-bottom: 20px;
}

.RMITUP-callout__header .RMITUP-chip {
  font: 11px/1.2 system-ui;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 999px;
  padding: 2px 6px;
  opacity: .95;
}

.RMITUP-callout__body {
  padding: 10px 20px;
  /* font: 14px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; */
}

.RMITUP-callout__body p {
  /* margin: 0; */
}

/* Variants */
.RMITUP-callout--elevated {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.RMITUP-callout--flat {
  border-style: solid;
}

.RMITUP-callout--striped .RMITUP-callout__header {
  padding-block: 6px;
  font-weight: 600;
}

.RMITUP-callout--striped .RMITUP-callout__header::after {
  content: "";
  display: block;
  height: 3px;
  background: rgba(0, 0, 0, .18);
  border-radius: 2px;
  width: 100%;
  margin-left: 8px;
  opacity: .35;
}

/* Color sets (Header i ↔ Body i) */
.RMITUP-callout--yellow {
  --RMITUP-head: #FED82E;
  --RMITUP-body: #FFF7D5;
  --RMITUP-border: #fde68a;
  --RMITUP-head-ink: #111;
}

.RMITUP-callout--orange {
  --RMITUP-head: #F26522;
  --RMITUP-body: #FCE0D3;
  --RMITUP-border: #f4b89e;
  --RMITUP-head-ink: #fff;
}

.RMITUP-callout--red {
  --RMITUP-head: #E61E2A;
  --RMITUP-body: #FAD2D4;
  --RMITUP-border: #f4a2a6;
  --RMITUP-head-ink: #fff;
}

.RMITUP-callout--pink {
  --RMITUP-head: #F38FBB;
  --RMITUP-body: #FDE9F1;
  --RMITUP-border: #f9c7db;
  --RMITUP-head-ink: var(--RMITUP-primary-blue);
}

.RMITUP-callout--blue {
  --RMITUP-head: #b4d8ef;
  --RMITUP-body: #ecf5fb;
  --RMITUP-border: #b4d8ef;
  --RMITUP-head-ink: var(--RMITUP-primary-blue);
}

.RMITUP-callout--lightblue {
  --RMITUP-head: #D9ECF7;
  --RMITUP-body: #fff;
  --RMITUP-border: #D9ECF7;
  --RMITUP-head-ink: var(--RMITUP-primary-blue);
}

.RMITUP-callout--green {
  --RMITUP-head: #0DA24B;
  --RMITUP-body: #CFECDB;
  --RMITUP-border: #0DA24B;
  --RMITUP-head-ink: #fff;
}

.RMITUP-callout--c7 {
  --RMITUP-head: #367eac;
  --RMITUP-body: #D9ECF7;
  --RMITUP-border: #b6dbf0;
  --RMITUP-head-ink: #fff;
}

.RMITUP-callout--darkblue {
  --RMITUP-head: var(--RMITUP-primary-blue);
  --RMITUP-body: #fff;
  --RMITUP-border: var(--RMITUP-primary-blue);
  --RMITUP-head-ink: #fff;
}

/* Compact variant */
.RMITUP-callout--compact .RMITUP-callout__header {
  padding: 8px 10px;
}

.RMITUP-callout--compact .RMITUP-callout__body {
  padding: 10px;
  font-size: 13px;
}

/* Left accent option (still 2 sections) */
.RMITUP-callout--accent {
  border-left: 6px solid var(--RMITUP-head);
}

/* For dark backgrounds previewing white text legibility */
.RMITUP-dark-demo {
  background: #0f172a;
  padding: 12px;
  border-radius: 8px;
}

/* End Attention and Grammer box */

/* Advanced Tabs */
.RMITUP-readable-works {
  --rw-bg: #f6f8fb;
  --rw-panel: #fff;
  --rw-text: #0f172a;
  --rw-muted: #475569;
  --rw-border: #e5e7eb;
  --rw-rail: #d1d5db;
  --rw-accent: #e61e2a;
  --rw-accent-ink: #fff;
  background: var(--rw-bg);
  color: var(--rw-text);
  font: 15px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  padding: 28px 16px;
}

.RMITUP-rw-shell {
  display: grid;
  grid-template-columns: minmax(260px, 380px) 1fr;
  gap: 28px;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}

.RMITUP-rw-title {
  margin: 0 0 10px;
  font: 800 28px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

/* --- Left: vertical tablist --- */
.RMITUP-rw-steps {
  position: relative;
  padding: 8px 0 8px 34px;
}

.RMITUP-rw-steps::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: var(--rw-rail);
  border-radius: 2px;
}

.RMITUP-rw-step {
  position: relative;
  cursor: pointer;
  display: grid;
  gap: 2px;
  cursor: pointer;
  margin: 0 0 18px;
  position: relative;
  padding-left: 8px;
  transition: opacity .18s ease, color .18s ease;
  text-decoration: none !important;
  color: inherit;
}

.RMITUP-rw-step:last-of-type {
  margin-bottom: 0;
}

.RMITUP-rw-step:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(230, 30, 42, .25);
  border-radius: 8px;
}

/* The dot: drawn with CSS (no markup) */
.RMITUP-rw-step::before {
  content: "";
  position: absolute;
  left: -26px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--rw-rail);
  box-shadow: inset 0 0 0 2px #fff;
  border: 1px solid var(--rw-rail);
}

.RMITUP-rw-step[aria-selected="true"]::before {
  background: var(--rw-accent);
  border-color: var(--rw-accent);
  box-shadow: 0 0 0 3px rgba(230, 30, 42, .22);
}

/* Dim inactive steps; brighten on hover/active */
.RMITUP-rw-step[aria-selected="false"] {
  opacity: .65;
}

.RMITUP-rw-step[aria-selected="false"]:hover {
  opacity: .85;
}

.RMITUP-rw-step[aria-selected="true"] {
  opacity: 1;
}

.RMITUP-rw-h {
  font: 800 18px/1.25 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  margin: 0;
}

.RMITUP-rw-p {
  margin: 0;
  color: var(--rw-muted);
}

/* --- Right: panel viewport --- */
.RMITUP-rw-viewport {
  display: grid;
  gap: 14px;
}

.RMITUP-rw-panel {
  border: 1px solid var(--rw-border);
  background: var(--rw-panel);
  border-radius: 12px;
  overflow: clip;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .06);
  display: none;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
}

.RMITUP-rw-panel[aria-hidden="false"] {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.RMITUP-rw-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  padding: 16px;
  min-height: 250px;
}

.RMITUP-rw-card {
  background: #fff;
  border: 1px solid var(--rw-border);
  border-radius: 10px;
  padding: 12px;
  display: grid;
  gap: 10px;
}

/* Responsive */
@media (max-width:980px) {
  .RMITUP-rw-content {
    grid-template-columns: 1fr;
    min-height: 150px;
  }
}

@media (max-width:760px) {
  .RMITUP-rw-shell {
    grid-template-columns: 1fr;
  }

  .RMITUP-rw-steps {
    order: 2;
  }

  .RMITUP-rw-viewport {
    order: 1;
  }
}

/* Dark mode */
@media (prefers-color-scheme:dark) {
  .RMITUP-readable-works {
    --rw-bg: #0f1116;
    --rw-panel: #0b1220;
    --rw-text: #e5e7eb;
    --rw-muted: #94a3b8;
    --rw-border: #1f2937;
    --rw-rail: #374151;
  }

  .RMITUP-rw-card {
    background: #0b1220;
  }

  .RMITUP-rw-step[aria-selected="false"] .RMITUP-rw-h {
    color: #9ca3af;
  }

  .RMITUP-rw-step[aria-selected="false"] .RMITUP-rw-p {
    color: #64748b;
  }
}

/* End Advanced Tabs */

/* Flip card */
.RMITUP-flip {
  position: relative;
  width: 100%;
  max-width: 320px;
  height: 210px;
  margin: 0px auto 10px;
  /* extra bottom room for pill */
  perspective: 1000px;
  font-size: 19px !important;
  border-radius: 15px;
  transition: transform .3s ease;
}

.RMITUP-flip p {
  font-size: 19px !important;
}

.RMITUP-flip2 {
  height: 300px !important;
}

.RMITUP-flip:hover {
  transform: scale(1.02);
  transition: transform .3s ease;
  cursor: pointer;
}

.RMITUP-flip__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.RMITUP-flip.is-flipped .RMITUP-flip__inner {
  transform: rotateY(180deg);
}

.RMITUP-flip__face {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
  text-align: center;
  background: #D9ECF7;
  /* border: 1px solid #e5e7eb; */
  border-radius: 10px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Different colors */
.RMITUP-yellow+.RMITUP-flip__face {
  background-color: #FED82E;
  background: #FED82E !important;

}

.RMITUP-lightyellow+.RMITUP-flip__face {
  background-color: #FFF7D5;
  background: #FFF7D5 !important;


}

.RMITUP-orange+.RMITUP-flip__face {
  background-color: #F26522;
  background: #F26522 !important;

}

.RMITUP-lightorange+.RMITUP-flip__face {
  background-color: #FCE0D3;
  background: #FCE0D3 !important;


}

.RMITUP-red+.RMITUP-flip__face {
  background-color: #E61E2A;
  background: #E61E2A !important;

}

.RMITUP-lightred+.RMITUP-flip__face {
  background-color: #FAD2D4;
  background: #FAD2D4 !important;


}

.RMITUP-pink+.RMITUP-flip__face {
  background-color: #F38FBB;
  background: #F38FBB !important;

}

.RMITUP-lightpink+.RMITUP-flip__face {
  background-color: #FDE9F1;
  background: #FDE9F1 !important;


}

.RMITUP-blue+.RMITUP-flip__face {
  background-color: #439ED7;
  background: #439ED7 !important;

}

.RMITUP-lightblue+.RMITUP-flip__face {
  background-color: #D9ECF7;
  background: #D9ECF7 !important;


}

.RMITUP-green+.RMITUP-flip__face {
  background-color: #0DA24B;
  background: #0DA24B !important;

}

.RMITUP-lightgreen+.RMITUP-flip__face {
  background-color: #CFECDB;
  background: #CFECDB !important;

}

.RMITUP-flip:has(.RMITUP-lightgreen) .RMITUP-flip__pill {
  background: #0DA24B !important;
}

.RMITUP-flip:has(.RMITUP-lightpink) .RMITUP-flip__pill {
  background: #F38FBB !important;
}

.RMITUP-flip:has(.RMITUP-lightred) .RMITUP-flip__pill {
  background: #E61E2A !important;
}

.RMITUP-flip:has(.RMITUP-lightorange) .RMITUP-flip__pill {
  background: #F26522 !important;
}

.RMITUP-flip:has(.RMITUP-lightyellow) .RMITUP-flip__pill {
  background: #FED82E !important;
}

.RMITUP-flip:has(.RMITUP-lightblue) .RMITUP-flip__pill {
  background: #439ED7 !important;
}











.RMITUP-flip__back {
  transform: rotateY(180deg);
  /* background: #D9ECF7; */
}

.RMITUP-flip__back-audio {
  place-items: normal;
}

.RMITUP-flip__back-audio iframe {
  height: 7.25rem !important;
  width: 270px !important;
}

.RMITUP-flip__pill {
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  width: 20%;
  min-width: 70px;
  display: inline-block;
  text-align: center;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: #439ED7;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, .12);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
  cursor: pointer;
}

.RMITUP-flip__pill:hover {
  color: white !important;
}

.RMITUP-flip__pill:focus {
  outline: none !important;
  color: white !important;
}

#tinymce .RMITUP-flip__face {
  position: unset;
}

#tinymce .RMITUP-flip__back {
  transform: none;
}

.RMITUP-flip-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  /* up to 3 across */
  gap: 18px 18px;
  align-items: start;
  /* prevents pills from overlapping next row */
  padding: 8px 0;
}

. @media (max-width: 900px) {
  .RMITUP-flip-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 580px) {
  .RMITUP-flip-row {
    grid-template-columns: 1fr;
  }
}

/* Optional dark mode */
@media (prefers-color-scheme: dark) {
  .RMITUP-flip__face {
    background: #0b1220;
    color: #e5e7eb;
    border-color: #1f2937;
  }

  .RMITUP-flip__back {
    background: #0e1626;
  }
}


/* End Flip card */
/* RMIT UP Table */
.RMITUP-table {
  border-collapse: collapse;
  width: 100%;
  font: 15px/1.5 system-ui, sans-serif;
  margin: 20px 0;
}

.RMITUP-table caption {
  caption-side: top;
  text-align: center;
  padding: 8px;
  font-weight: 600;
  font-size: 16px;
  color: var(--RMITUP-primary-blue);
  background: #D9ECF7;
  border: 1px solid #d1d5db;
  border-bottom: none;
}

.RMITUP-table th {
  padding: 10px 14px;
  vertical-align: top;
  text-align: left;
}


.RMITUP-table td {
  border: 3px solid #D9ECF7;
  padding: 10px 14px;
  vertical-align: top;
  text-align: left;
}

/* Header */
.RMITUP-table thead th {
  border: 3px solid #439ED7;
  background: #439ED7 !important;
  color: var(--RMITUP-primary-blue);
  font-weight: 700;
}

/* Alternating row colors */
.RMITUP-table tbody tr:nth-child(even) {
  background: #D9ECF7;
}

.RMITUP-table tbody tr:nth-child(odd) {
  background: #fff;
}

/* Links inside table */
.RMITUP-table a {
  color: #1d4ed8;
  text-decoration: none;
}

.RMITUP-table a:hover {
  text-decoration: underline;
}

/* End RMIT UP Table */
/* Web blog */
.RMITUP-web-blog {
  --ink: #0f172a;
  --muted: #475569;
  --brand: #000054;
  --accent: #E61E2A;
  --link: #1d4ed8;
  --border: #e5e7eb;
  color: var(--ink);
  font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background: #fff;
  margin: 24px auto 64px;
  padding: 0;
  width: 780px;
  border: 25px solid #f7f7f7;
}

/* ========== Hero ========== */
.RMITUP-web-blog__hero {
  position: relative;
  overflow: hidden;
  /* height:clamp(240px,38vw,420px); */
  max-height: 200px;
}

.RMITUP-web-blog__hero img {
  width: 100% !important;
  height: 50% !important;
  object-fit: cover !important;
  object-position: center right !important;
  display: block !important;
}

/* .RMITUP-web-blog__hero-img {
  width:100%;
  height:50%;
  object-fit:cover;
  object-position:center right;
  display:block;
} */

/* ========== Title Card ========== */
.RMITUP-web-blog__title-card {
  position: relative;
  max-width: min(800px, 86vw);
  margin: 0 auto;
  transform: translateY(-70%);
  padding: 24px 28px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .12);
}

.RMITUP-web-blog__tick {
  width: 22px;
  height: 4px;
  background: var(--accent);
  display: block;
  margin: 6px 0 16px;
}

.RMITUP-web-blog__title {
  font-size: 25px;
}

/* ========== Intro ========== */
.RMITUP-web-blog__intro {
  max-width: 960px;
  margin: -70px auto 28px;
  padding: 0 24px;
}

.RMITUP-web-blog__dek {
  /* font-weight: normal; */
}

.RMITUP-web-blog__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  color: var(--muted);
  font-weight: 600;
}

.RMITUP-web-blog__logo {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid var(--border);
}

.RMITUP-web-blog__share {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

/* ========== Body ========== */
.RMITUP-web-blog__body {
  /* max-width:960px; */
  margin: 0 auto;
  padding: 0 24px 64px;

  display: grid;
  /* grid-template-columns:1.15fr .45fr; */
  gap: 32px;
}

.RMITUP-web-blog__content {
  display: grid;
  /* gap: 20px; */
  /* max-height:40vh;
  overflow:auto; */
  -webkit-overflow-scrolling: touch;
}

.RMITUP-web-blog__heading {
  /* font: 800 clamp(20px, 2.6vw, 28px)/1.2 Georgia, "Times New Roman", serif;
  color: var(--brand);
  margin: 10px 0 4px; */
}

.RMITUP-web-blog__text {
  margin: 0;
}

.RMITUP-web-blog__quote {
  margin: 0;
  padding: 10px 14px;
  border-left: 6px solid var(--brand);
  background: #f7f9ff;
  border-radius: 8px;
}

/* ========== Sidebar ========== */
.RMITUP-web-blog__sidebar {
  display: grid;
  gap: 18px;
  align-content: start;
  border-left: 1px solid var(--border);
  padding-left: 18px;
}

.RMITUP-web-blog__date {
  color: var(--muted);
  font-weight: 700;
}

.RMITUP-web-blog__share-label {
  color: var(--muted);
  font-weight: 700;
  margin: 0;
}

.RMITUP-web-blog__share {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.RMITUP-web-blog__chip {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .06);
  color: #0f172a;
  text-decoration: none !important;
  font-weight: 700;
}

/* ========== Links ========== */
.RMITUP-web-blog__link {
  color: var(--link);
  text-decoration: none;
}

.RMITUP-web-blog__link:hover {
  text-decoration: underline;
}

/* ========== Responsive ========== */
@media (max-width:980px) {
  .RMITUP-web-blog__body {
    grid-template-columns: 1fr;
  }

  .RMITUP-web-blog__sidebar {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid var(--border);
    padding-top: 18px;
  }
}

/* ========== Dark Mode ========== */
@media (prefers-color-scheme:dark) {
  .RMITUP-web-blog {
    --ink: #e5e7eb;
    --muted: #9fb0c8;
    --border: #1f2937;
  }

  .RMITUP-web-blog__title-card {
    background: #0b1220;
    border-color: var(--border);
    box-shadow: none;
  }

  .RMITUP-web-blog__quote {
    background: #0b1220;
  }

  .RMITUP-web-blog__chip {
    background: #0b1220;
    border-color: var(--border);
    color: #e5e7eb;
    box-shadow: none;
  }
}

/* End Web blog */

/* Essay  */
/* ===== Version 1: Classic Academic ===== */
.RMITUP-essay-classic {
  max-width: 780px;
  margin: 0 auto 80px;
  font: 16px/1.7 Georgia, serif;
  color: #111;
  background: #fff;
  padding: 32px;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}

.RMITUP-essay-classic__school {
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 12px;
}

.RMITUP-essay-classic__meta strong {
  display: inline-block;
  width: 130px;
}

.RMITUP-essay-classic__meta p {
  margin: 4px 0;
}

.RMITUP-essay-classic__rule {
  border: none;
  border-top: 1px dotted #999;
  margin: 24px 0;
}

.RMITUP-essay-classic__body p {
  margin: 0 0 1em;
}

/* ===== Version 2: Modern RMIT ===== */
.RMITUP-essay-modern {
  max-width: 800px;
  margin: 0 auto 80px;
  font: 15px/1.7 "Segoe UI", Arial, sans-serif;
  color: #0f172a;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .05);
  overflow: hidden;
}

.RMITUP-essay-modern__header {
  background: #000054;
  color: #fff;
  padding: 16px 24px;
}

.RMITUP-essay-modern__header h2 {
  margin: 0;
  font-size: 20px;
  color: white !important;
}

.RMITUP-essay-modern__meta {
  padding: 20px 24px;
}

.RMITUP-essay-modern__meta p {
  margin: 6px 0;
}

.RMITUP-essay-modern__meta strong {
  color: #000054;
}

.RMITUP-essay-modern__body {
  background: #fff;
  padding: 24px 24px 32px;
  border-top: 3px solid #E61E2A;
}

.RMITUP-essay-modern__body p {
  margin: 0 0 1em;
}

/* ===== Version 3: Minimal Editorial ===== */
.RMITUP-essay-minimal {
  max-width: 760px;
  margin: 0 auto 60px;
  font: 16px/1.75 system-ui, Arial, sans-serif;
  color: #1e293b;
  padding-left: 18px;
  border-left: 4px solid #E61E2A;
  background: #fff;
  padding: 32px;
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
}

.RMITUP-essay-minimal h2 {
  margin-top: 0;
  color: #000054;
}

.RMITUP-essay-minimal__meta p {
  margin: 4px 0;
}

.RMITUP-essay-minimal__meta strong {
  display: inline-block;
  width: 130px;
}

.RMITUP-essay-minimal__body p {
  margin: 0 0 1em;
}

/* End Essay */

/* Email chain template */
.RMITUP-emailChain {
  max-width: 800px;
  min-width: 800px;
  margin: 32px auto;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
  font: 15px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: #0f172a;
}

.RMITUP-emailChain__head {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  padding: 12px 20px;
  border-radius: 8px 8px 0 0;
}

.RMITUP-emailChain__meta {
  margin: 0;
  font-size: 14px;
  color: #475569;
}

.RMITUP-emailChain__meta strong {
  color: #000054;
}

.RMITUP-emailChain__body {
  padding: 20px;
}

.RMITUP-emailChain__body p {
  margin: 0 0 0.9em;
}

/* Reply section */
.RMITUP-emailChain__reply {
  border-left: 3px solid #d9ecf7;
  margin: 24px 0 0;
  padding-left: 16px;
  color: #334155;
}

.RMITUP-emailChain__reply-header {
  font-weight: 700;
  margin-bottom: 8px;
  color: #000054;
  font-size: 14px;
}

.RMITUP-emailChain__quote {
  border-left: 2px solid #e2e8f0;
  margin-top: 12px;
  padding-left: 12px;
  color: #64748b;
  font-size: 14px;
}

/* Another nested reply (like deeper thread) */
.RMITUP-emailChain__nested {
  border-left: 3px solid #439ED7;
  margin: 20px 0 0;
  padding-left: 16px;
}

.RMITUP-emailChain__nested .RMITUP-emailChain__reply-header {
  color: #439ED7;
}

/* Responsive tweak */
@media(max-width:600px) {
  .RMITUP-emailChain {
    margin: 16px;
  }

  .RMITUP-emailChain__body {
    padding: 16px;
  }
}

/* End email chain */
/* ================= SCOPE: RMITUP-atl ================= */







#tinymce .RMITUP-atl,
.RMITUP-atl {
  --ink: #111;
  --muted: #6b7280;
  --rule: #e5e7eb;
  --accent: #b91c1c;
  --link: #1d4ed8;
  --bg: #ffffff;
  max-width: 760px;
  margin: 24px auto 64px;
  padding: 0 16px;
  font: 16px/1.75 Georgia, "Times New Roman", serif;
  color: var(--ink);
  background: var(--bg);
  border: 25px solid #f7f7f7;
}

/* Top meta */
#tinymce .RMITUP-atl__kicker,
.RMITUP-atl__kicker {
  font: 700 11px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 8px 0 10px;
}

#tinymce .RMITUP-atl__title,
.RMITUP-atl__title {
  margin: 0 0 8px;
  font: 800 clamp(16px, 5.2vw, 44px)/1.1 Georgia, "Times New Roman", serif !important;
}

#tinymce .RMITUP-atl__dek,
.RMITUP-atl__dek {
  margin: 0 0 14px;
  font: 400 clamp(16px, 2.4vw, 16px)/1.4 Georgia, "Times New Roman", serif;
  color: #1f2937;
}

#tinymce .RMITUP-atl__byline,
.RMITUP-atl__byline {
  margin: 0 0 18px;
  color: #1f2937;
}


#tinymce .RMITUP-atl__byline a,
.RMITUP-atl__byline a {
  color: inherit;
  text-decoration: none !important;
  border-bottom: 1px solid #e5e7eb;
}


#tinymce .RMITUP-atl__byline a:hover,
.RMITUP-atl__byline a:hover {
  border-bottom-color: currentColor;
}

/* Hero image + caption */
#tinymce .RMITUP-atl__hero,
.RMITUP-atl__hero {
  margin: 16px 0 8px;
}

#tinymce .RMITUP-atl__hero img,
.RMITUP-atl__hero img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--rule);
}


#tinymce .RMITUP-atl__hero-img,
.RMITUP-atl__hero-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--rule);
}

#tinymce .RMITUP-atl__caption,
.RMITUP-atl__caption {
  margin: 6px 0 22px;
  color: var(--muted);
  font: 12px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial !important;
}

/* Date + share row */

#tinymce .RMITUP-atl__metaRow,
.RMITUP-atl__metaRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: 10px 4px;
  margin: 18px 0;
  font: 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial !important;
  color: #111;
}

#tinymce .RMITUP-atl__date,
.RMITUP-atl__date {
  letter-spacing: .02em;
}


#tinymce .RMITUP-atl__actions,
.RMITUP-atl__actions {
  display: flex;
  gap: 5px;
  color: #111;
}

#tinymce .RMITUP-atl__action,
.RMITUP-atl__action {
  text-decoration: none !important;
  color: inherit;
}


/* (Optional) audio block placeholder */
#tinymce .RMITUP-atl__audio,
.RMITUP-atl__audio {
  margin: 18px 0 22px;
  padding: 12px;
  border: 1px solid var(--rule);
  border-radius: 6px;
  font: 13px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: #111 !important;
  background: #fafafa;
}

/* Article body */
#tinymce .RMITUP-atl__body,
.RMITUP-atl__body {
  font-size: 17px;
}

#tinymce .RMITUP-atl__p,
.RMITUP-atl__p {
  margin: 0 0 1.1em;
}

.RMITUP-atl__tags span {
  background-color: #f2f2f3;
  border-radius: 2px;
  color: #4b4b4e;
  font-size: 11px;
  padding: 6px 6px;
  text-decoration: none !important;
  white-space: nowrap;

}



#tinymce .RMITUP-atl__dropcap,
.RMITUP-atl__dropcap {
  float: left;
  font-size: 3.05em;
  line-height: .85;
  padding-right: .2rem;
  padding-top: .1rem;
  font-weight: 700;
  color: #111;
}

#tinymce .RMITUP-atl__pull,
.RMITUP-atl__pull {
  margin: 18px 0;
  padding: 10px 14px;
  border-left: 3px solid #111;
  background: #fafafa;
  border-radius: 4px;
  font-style: italic;
}

#tinymce .RMITUP-atl__note,
.RMITUP-accordion-content .RMITUP-atl__note {
  font: 12px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial !important;
  color: var(--muted) !important;
}

/* Links inside body */
#tinymce .RMITUP-atl__link,
.RMITUP-atl__link {
  color: var(--link);
  text-decoration: none !important;
  border-bottom: 1px solid #c7d2fe;
}

.RMITUP-atl__link:hover {
  /* border-bottom-color: currentColor; */
}

/* Responsive */
@media (max-width: 560px) {
  .RMITUP-atl {
    margin: 12px auto 48px;
  }

  .RMITUP-atl__metaRow {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

/* Dark mode (optional, safe) */
@media (prefers-color-scheme: dark) {
  .RMITUP-atl {
    --bg: #0f1116;
    --ink: #e5e7eb;
    --muted: #a3b0c5;
    --rule: #1f2937;
  }

  .RMITUP-atl__pull {
    background: #0b1220;
    border-left-color: #e5e7eb;
  }

  .RMITUP-atl__audio {
    background: #0b1220;
  }
}

/* End Article */
/* Discussion */
.RMITUP-disc {
  --bg: #f9fafb;
  --border: #e5e7eb;
  --ink: #0f172a;
  --muted: #64748b;
  --link: #2563eb;
  --accent: #E61E2A;
  max-width: 800px;
  margin: 32px auto;
  font: 15px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: var(--ink);
  background: var(--bg);
}

/* ================= Thread Card ================= */
.RMITUP-disc__thread {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 18px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
}

.RMITUP-disc__title {
  font-weight: 700;
  font-size: 17px;
  margin: 0 0 8px;
}

.RMITUP-disc__meta {
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 10px;
}

.RMITUP-disc__body {
  margin: 0 0 10px;
}

.RMITUP-disc__actions {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 14px;
  color: var(--muted);
}

.RMITUP-disc__action {
  cursor: pointer;
  text-decoration: none !important;
  color: inherit;
}

.RMITUP-disc__action:hover {
  color: var(--accent);
}

/* ================= Comment Tree ================= */
.RMITUP-disc__comment {
  border-left: 2px solid var(--border);
  margin: 12px 0 0 16px;
  padding-left: 12px;
}

.RMITUP-disc__comment-author {
  font-weight: 600;
  color: var(--link);
  font-size: 14px;
}

.RMITUP-disc__comment-time {
  color: var(--muted);
  font-size: 12px;
  margin-left: 6px;
}

.RMITUP-disc__comment-text {
  margin: 4px 0 6px;
  font-size: 15px;
}

.RMITUP-disc__comment-reply {
  color: var(--muted) !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.RMITUP-disc__comment-reply:hover {
  color: var(--accent);
}

/* ================= Highlight / Post Header ================= */
.RMITUP-disc__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
  margin-bottom: 14px;
  padding-bottom: 6px;
}

.RMITUP-disc__header h2 {
  font: 700 18px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  margin: 0;
}

/* ================= Responsive ================= */
@media (max-width:600px) {
  .RMITUP-disc {
    margin: 16px;
  }

  .RMITUP-disc__thread {
    padding: 14px;
  }
}

/* End discussion */
/* RMITUP Share */
.RMITUP-share {
  font-weight: bold;
  position: relative;
}

.RMITUP-share:before {
  content: ".";
  font-size: 2.2em;
  position: absolute;
  bottom: -2.5px;
  left: -4px;
}

.RMITUP-share:after {
  content: ":";
  font-size: 2em;
  position: absolute;
  bottom: -6px;
  right: -7px;
}

/* End RMITUP Share */
/* Speech bubble */

.bubble-sm {
  width: 25% !important;
}

.bubble-md {
  width: 50% !important;
}

.thought-bubble p,
.speech-bubble p {
  margin: 0 !important;
}

.left-tip {
  font-size: 18px;
  text-align: center;
  --s: 1.5em;
  /* triangle size */
  --r: 1em;
  /* the radius */

  padding: 1em;
  border: var(--s) solid #0000;
  border-radius: calc(var(--r) + var(--s));
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 2.5em !important;
  -webkit-mask:
    radial-gradient(100% 100% at 0 0, #0000 99%, #000 102%) 0 calc(100% - var(--s))/var(--s) var(--s) no-repeat border-box,
    linear-gradient(#000 0 0) padding-box !important;
}

.speech-bubble {
  font-size: 18px;
  text-align: center;
  --s: 1.5em;
  --r: 1em;
  padding: 1em;
  border: var(--s) solid #0000;
  border-radius: calc(var(--r) + var(--s));
  border-bottom-right-radius: 0;
  /* background: #D9ECF7; */
  /* the coloration */
  -webkit-mask:
    radial-gradient(100% 100% at 100% 0, #0000 99%, #000 102%) 100% calc(100% - var(--s))/var(--s) var(--s) no-repeat border-box,
    linear-gradient(#000 0 0) padding-box;
}

/* Thought bubble */

.thought-bubble {
  font-size: 18px;
  text-align: center;
  margin-left: 40px;
  margin-bottom: 40px;
  --b: 3em;
  /* tail dimension */
  --p: 41%;
  /* main position (0%:top 100%:bottom) */
  --r: 1.2em;
  /* the radius */
  padding: 1em;
  border-radius: var(--r)/min(var(--r), var(--p) - var(--b)/4) var(--r) var(--r) min(var(--r), 100% - var(--p) - var(--b)/4);
  /* background: #D9ECF7; */
  /* the main color */
  position: relative;
  /* margin: 30px; */
}

.thought-bubble:before {
  content: "";
  position: absolute;
  right: 100%;
  top: clamp(var(--b)/-2, var(--p) - 3*var(--b)/4, 100% - var(--b));
  width: var(--b);
  aspect-ratio: 1;
  background: inherit;
  --g: #000 calc(100% - 1px), #0000;
  -webkit-mask:
    radial-gradient(circle closest-side at 12% 12%, var(--g)),
    radial-gradient(20% 20% at 45% 52%, var(--g)),
    radial-gradient(25% 25% at 100% 75%, var(--g));
}

/* HTML: <div class="tooltip">This is the same as #7 but with another shape for the tail </div> */

.right-tip {
  font-size: 18px;
  text-align: center;
  --b: 3em;
  /* tail dimension */
  --p: 50%;
  /* main position (0%:top 100%:bottom) */
  --r: 1.2em;
  /* the radius */
  padding: 1em;
  border-radius: var(--r)/var(--r) min(var(--r), var(--p) - var(--b)/4) min(var(--r), 100% - var(--p) - var(--b)/4) var(--r);
  position: relative;
  margin-right: 40px;
}

.right-tip:before {
  content: "";
  position: absolute;
  left: 100%;
  top: clamp(var(--b)/-2, var(--p) - 3*var(--b)/4, 100% - var(--b));
  width: var(--b);
  aspect-ratio: 1;
  background: inherit;
  --g: #000 calc(100% - 1px), #0000;
  -webkit-mask:
    radial-gradient(circle closest-side at 88% 12%, var(--g)),
    radial-gradient(20% 20% at 55% 52%, var(--g)),
    radial-gradient(25% 25% at 0 75%, var(--g));
}

/* End speech bubble */

/* Case study report  */

.RMITUP-flyer {
  --blue: #439ED7;
  --blue-100: #D9ECF7;
  --orange: #F26522;
  --red: #E61E2A;
  --yellow: #FED82E;
  --yellow-100: #FFF7D5;
  --ink: #0f172a;
  --muted: #475569;
  --rule: #e5e7eb;
  --panel: #ffffff;

  color: var(--ink);
  font: 16px/1.65 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  max-width: 1040px;
  margin: 24px auto;
  padding: 0 16px;
}

/* === Hero band === */
.RMITUP-flyer__hero {
  position: relative;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 28px;
  border-radius: 12px;
  overflow: hidden;
  background: #eee;
  min-height: 240px;
}

.RMITUP-flyer__hero-img {
  /* Use your Canvas File URL here (instfs=true) */
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
  filter: brightness(.88);
}

.RMITUP-flyer__hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .15) 52%, rgba(0, 0, 0, 0) 100%);
}

.RMITUP-flyer__left,
.RMITUP-flyer__right {
  position: relative;
  padding: 24px;
}

/* Title block (left) */
.RMITUP-flyer__title-card {
  background: var(--orange);
  color: #fff;
  border-radius: 8px;
  padding: 26px 24px;
  max-width: 480px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

.RMITUP-flyer__kicker {
  font: 800 12px/1 system-ui;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .95;
}

.RMITUP-flyer__title {
  margin: 10px 0 8px;
  font: 900 clamp(28px, 6vw, 48px)/1.05 system-ui, Segoe UI, Arial;
}

.RMITUP-flyer__subtitle {
  margin: 6px 0 0;
  font-weight: 600;
  opacity: .95;
}

/* Company + contacts (right) */
.RMITUP-flyer__brand {
  display: grid;
  gap: 14px;
  justify-items: start;
  background: rgba(255, 255, 255, .86);
  backdrop-filter: saturate(120%) blur(2px);
  border: 1px solid var(--rule);
  border-radius: 8px;
  padding: 18px 20px;
  max-width: 420px;
  margin-left: auto;
}

.RMITUP-flyer__logo {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 10px;
  align-items: center;
}

.RMITUP-flyer__logo-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: var(--red);
  display: grid;
  place-items: center;
  color: #fff;
  font: 900 18px/1 Georgia, serif;
}

.RMITUP-flyer__logo-name {
  font: 800 18px/1.2 system-ui;
  color: #0b2740;
}

.RMITUP-flyer__rule {
  height: 2px;
  width: 100%;
  background: var(--orange);
  border-radius: 2px;
}

.RMITUP-flyer__contacts {
  display: grid;
  gap: 8px;
  color: #334155;
  font-size: 14px;
}

/* .RMITUP-flyer__contacts span {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 8px;
  align-items: center;
} */
/* === Body grid === */
.RMITUP-flyer__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin: 22px 0;
}

/* Overview + Solution columns */
.RMITUP-flyer__panel {
  background: var(--panel);
  border: 1px solid var(--rule);
  border-radius: 10px;
  padding: 18px 20px;
}

.RMITUP-flyer__panel--left {
  border-right: 3px solid var(--blue);
}

.RMITUP-flyer__panel--right {
  border-left: 3px solid var(--blue);
}

.RMITUP-flyer__heading {
  font: 800 16px/1.2 system-ui;
  color: #0b3b66;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin: 2px 0 8px;
}

.RMITUP-flyer__para {
  margin: 0;
  color: #1f2937;
}

/* Solution list with numbers */
.RMITUP-flyer__solutions {
  display: grid;
  gap: 14px;
  margin-top: 12px;
}

.RMITUP-flyer__solution {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  align-items: start;
}

.RMITUP-flyer__num {
  width: 56px;
  height: 44px;
  border-radius: 6px;
  background: var(--yellow-100);
  color: #7a4a00;
  border: 1px solid var(--yellow);
  display: grid;
  place-items: center;
  font: 800 18px/1 system-ui;
}

.RMITUP-flyer__sol-title {
  font: 800 16px/1.2 system-ui;
  color: #0b3b66;
  margin: 0 0 2px;
}

.RMITUP-flyer__sol-text {
  margin: 0;
  font-size: 14px;
  color: #334155;
}

/* Benefits card */
.RMITUP-flyer__benefits {
  margin-top: 18px;
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 10px;
  overflow: hidden;
}

.RMITUP-flyer__benefits-head {
  background: var(--blue-100);
  color: #0b3b66;
  padding: 10px 14px;
  font: 800 14px/1.2 system-ui;
  border-bottom: 1px solid var(--rule);
}

.RMITUP-flyer__benefits-body {
  padding: 12px 16px;
}

.RMITUP-flyer__bullet {
  margin: 0;
  padding-left: 1.1rem;
}

.RMITUP-flyer__bullet li {
  margin: .35rem 0;
}

/* Quote stripe */
.RMITUP-flyer__quote {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  align-items: center;
  background: var(--orange);
  color: #fff;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 10px 0 0;
}

.RMITUP-flyer__quote-mark {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .22);
  display: grid;
  place-items: center;
  font: 900 22px/1 Georgia, serif;
}

/* Bottom media strip */
.RMITUP-flyer__media {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--rule);
}

.RMITUP-flyer__media img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

/* Responsive */
@media (max-width:900px) {
  .RMITUP-flyer__hero {
    grid-template-columns: 1fr;
    min-height: 260px;
  }

  .RMITUP-flyer__brand {
    margin-left: 0;
  }
}

@media (max-width:780px) {
  .RMITUP-flyer__body {
    grid-template-columns: 1fr;
  }

  .RMITUP-flyer__media img {
    height: 160px;
  }
}

@media (prefers-color-scheme:dark) {
  .RMITUP-flyer {
    --panel: #0b1220;
    --rule: #1f2937;
    --ink: #e5e7eb;
    --muted: #9fb0c8;
  }

  .RMITUP-flyer__panel,
  .RMITUP-flyer__benefits {
    background: var(--panel);
  }

  .RMITUP-flyer__brand {
    background: rgba(11, 18, 32, .86);
    color: #e5e7eb;
  }
}

/* End case study report */

/* Case study - 2 */
.RMITUP-case {
  /* RMITUP palette (selected for accessibility) */
  --blue: #439ED7;
  /* primary */
  --blue-100: #D9ECF7;
  /* light */
  --red: #E61E2A;
  /* accent */
  --yellow: #FED82E;
  /* highlight */
  --yellow-100: #FFF7D5;

  /* neutrals */
  --ink: #0f172a;
  --muted: #475569;
  --rule: #e5e7eb;

  /* surfaces */
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-soft: #f6f7fb;

  color: var(--ink);
  font: 16px/1.65 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background: var(--bg);
  max-width: 1080px;
  margin: 24px auto;
  padding: 0 18px;
}

/* ===== HERO (first style) ===== */
.RMITUP-case__hero {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: var(--blue);
  color: #fff;
  min-height: 260px;
  display: grid;
  align-items: end;
}

.RMITUP-case__hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .45;
  /* keep text contrast strong */
}

.RMITUP-case__hero-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .55) 72%, rgba(0, 0, 0, .85) 100%);
}

.RMITUP-case__hero-inner {
  position: relative;
  padding: 28px;
}

.RMITUP-case__kicker {
  display: inline-block;
  font: 700 11px/1 system-ui;
  letter-spacing: .18em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  color: #fff;
  padding: 6px 10px;
  border-radius: 999px;
  backdrop-filter: saturate(140%) blur(2px);
}

.RMITUP-case__title {
  margin: 12px 0 4px;
  font: 800 clamp(26px, 4.4vw, 46px)/1.08 Georgia, "Times New Roman", serif;
}

.RMITUP-case__subtitle {
  margin: 2px 0 0;
  color: #eaf3fb;
  font-weight: 600;
}

/* top meta tokens */
.RMITUP-case__meta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0 0;
  color: #e6e7ea;
  font-size: 14px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  color: #fff;
  padding: 6px 10px;
  border-radius: 999px;
  backdrop-filter: saturate(140%) blur(2px);
}

.RMITUP-case__logo {
  display: inline-grid;
  place-items: center;
  width: 88px;
  height: 40px;
  background: #fff;
  color: #000;
  font-weight: 700;
  border-radius: 999px;
}

/* ===== INTRO + KEY METRICS ===== */
.RMITUP-case__intro {
  display: grid;
  gap: 18px;
  grid-template-columns: 1.3fr .7fr;
  margin: 22px 0;
}

.RMITUP-case__lede {
  background: var(--panel);
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: 18px 20px;
}

.RMITUP-case__lede p {
  margin: 0;
}

.RMITUP-case__stats {
  display: grid;
  gap: 12px;
}

.RMITUP-case__stat {
  background: var(--blue-100);
  color: #0b3b66;
  border: 1px solid var(--blue);
  border-radius: 12px;
  padding: 14px 16px;
}

.RMITUP-case__stat-k {
  font: 800 26px/1.1 system-ui;
}

.RMITUP-case__stat-l {
  font-size: 12px;
  color: #1f2937;
  margin-top: 4px;
}

/* ===== Problem / Approach / Outcome ===== */
.RMITUP-case__tri {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, 1fr);
  margin: 6px 0 24px;
}

.RMITUP-case__card {
  background: var(--panel);
  /* border: 1px solid var(--rule); */
  border-radius: 12px;
  padding: 16px 16px 18px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 20%);
}

.RMITUP-case__card--problem {
  border-top: 5px solid var(--red);
}

.RMITUP-case__card--approach {
  border-top: 5px solid var(--blue);
}

.RMITUP-case__card--outcome {
  border-top: 5px solid var(--yellow);
}

.RMITUP-case__card-h {
  margin: 0 0 8px;
  color: var(--ink);
  font-weight: 800;
}

.RMITUP-case__card p {
  margin: 0;
}

/* ===== Pull Quote ===== */
.RMITUP-case__quote {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 12px;
  align-items: center;
  background: #fff7f7;
  /* border: 1px solid #ffdede; */
  border-left: 6px solid var(--red);
  border-radius: 12px;
  padding: 14px 16px;
  margin: 10px 0 24px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 20%);
}

.RMITUP-case__quote-mark {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  background: var(--red);
  color: #fff;
  display: grid;
  place-items: center;
  font: 900 28px/1 Georgia, serif;
}

.RMITUP-case__quote-txt {
  font: 500 18px/1.5 Georgia, serif;
}

.RMITUP-case__quote-auth {
  color: #991b1b;
  font-size: 13px;
  margin-top: 6px;
}

/* ===== Media with caption ===== */
.RMITUP-case__media {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--rule);
  margin: 14px 0;
}

.RMITUP-case__media img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.RMITUP-case__cap {
  padding: 8px 12px;
  color: var(--muted);
  font-size: 12px;
  background: #fafafa;
}

/* ===== Timeline steps ===== */
.RMITUP-case__steps {
  background: var(--panel-soft);
  border: 1px solid var(--rule);
  border-radius: 14px;
  padding: 14px 16px;
  display: grid;
  gap: 12px;
  margin: 16px 0 26px;
}

.RMITUP-case__step {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 10px;
}

.RMITUP-case__step-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--rule);
  display: grid;
  place-items: center;
  font: 800 14px/1 system-ui;
  color: var(--blue);
}

.RMITUP-case__step h4 {
  margin: 0 0 4px;
  color: var(--ink);
}

.RMITUP-case__step p {
  margin: 0;
}

/* ===== Result stripe CTA ===== */
.RMITUP-case__stripe {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  margin: 18px 0 26px;
  background: linear-gradient(135deg, var(--yellow-100) 0%, #fff 70%);
  border: 1px solid var(--yellow);
}

.RMITUP-case__stripe-inner {
  padding: 18px;
}

.RMITUP-case__stripe-k {
  font: 800 32px/1.1 system-ui;
  color: #1f2937;
}

.RMITUP-case__stripe-sub {
  color: var(--muted);
}

/* ===== Related grid ===== */
.RMITUP-case__related {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, 1fr);
  margin: 22px 0 8px;
}

.RMITUP-case__rel {
  border: 1px solid var(--rule);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.RMITUP-case__rel img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  display: block;
}

.RMITUP-case__rel div {
  padding: 10px 12px;
  font-weight: 600;
  color: #0b3b66;
}

/* Links inside content */
.RMITUP-case__link {
  color: var(--RMITUP-primary-blue);
  text-decoration: none !important;
  border-bottom: 1px solid var(--RMITUP-primary-blue);
}

.RMITUP-case__link:hover {
  opacity: .85;
}

/* Responsive */
@media (max-width: 980px) {
  .RMITUP-case__intro {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  .RMITUP-case__tri {
    grid-template-columns: 1fr;
  }

  .RMITUP-case__related {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .RMITUP-case__related {
    grid-template-columns: 1fr;
  }
}

/* Dark mode */
@media (prefers-color-scheme:dark) {
  .RMITUP-case {
    --bg: #0f1116;
    --panel: #0b1220;
    --ink: #e5e7eb;
    --muted: #9fb0c8;
    --rule: #1f2937;
    --panel-soft: #0b1220;
  }

  .RMITUP-case__stat {
    background: #0b1220;
    color: #e5e7eb;
    border-color: #1f2937;
  }

  .RMITUP-case__lede {
    background: #0b1220;
  }

  .RMITUP-case__steps {
    background: #0b1220;
  }

  .RMITUP-case__quote {
    background: #170f12;
    border-color: #381214;
  }
}

/* End Case study  */


/* Academic article */
/* ========== Base ========== */


/* .RMITUP-page-height-tag {
  position: absolute;
  top: 4px;
  right: 6px;
  background: rgba(0,0,0,0.75);
  color: #0f0;
  padding: 2px 6px;
  font-size: 11px;
  font-family: monospace;
  border-radius: 3px;
  pointer-events: none;
  z-index: 10;
} */


#tinymce .RMITUP-academic-article__page {
  position: relative; 
}

#tinymce .RMITUP-academic-article__page::after {
  content: attr(data-height-px);
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(0,0,0,0.75);
  color: #0f0;
  padding: 3px 8px;
  font-size: 12px;
  border-radius: 4px;
  font-family: monospace;
  pointer-events: none;
  z-index: 10;
}


.RMITUP-academic-article {
  font-family: "Georgia", "Times New Roman", serif;
  color: #000;
  background: #fff;
  line-height: 1.6;
  max-width: 980px;
  margin: 0 auto;
  /* padding: 32px 24px; */
  border-top: 5px solid #000054;
}

/* ========== Header ========== */
.RMITUP-academic-article__title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000054;
  width: 47%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 1em;
}

.RMITUP-academic-article__authors {
  font-size: 0.95rem;
  line-height: 1.4;
  margin: 0 auto;
  margin-bottom: 2em;
  width: 47%;
  text-align: center;
}

.RMITUP-academic-article__author-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 20px;
}

.RMITUP-academic-article__author-list li {
  margin-bottom: 0.15em;
}

/* ========== Horizontal Rule (for section break) ========== */
.RMITUP-academic-article__rule {
  border: none;
  border-top: 2px solid #e5e7eb;
  margin: 1.6em 0 1em;
}

/* ========== Section Headings ========== */
.RMITUP-academic-article__section {
  /* margin-bottom: 2em; */
  padding: 42px;
}

.RMITUP-academic-article__section-title {
  border-top: 3px solid #000054;
  font-size: 1.15rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 0.5em;
}

.RMITUP-academic-article__subsection-title {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
  margin: 1.2em 0 0.4em;
}

/* ========== Canvas-safe pager (no JS) ========== */
.RMITUP-academic-article__scroller {
  position: relative;
}

.RMITUP-academic-article__body {
  display: flex;
  gap: 36px;
  /* height: 70vh; */
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 0 8px 6px;
  /* small inset + keep scrollbar off content */
}




#tinymce .RMITUP-academic-article__body {

  display: block !important;
}


#tinymce .RMITUP-academic-article__body>.RMITUP-academic-article__page {
  border-bottom: 2px solid yellow !important;
}
#tinymce .RMITUP-academic-article__body>.RMITUP-academic-article__page ol,
#tinymce .RMITUP-academic-article__body>.RMITUP-academic-article__page ul,
.RMITUP-academic-article__body>.RMITUP-academic-article__page ol,
.RMITUP-academic-article__body>.RMITUP-academic-article__page ul {
  margin-left: 10px !important;
}


/* Each page is a full viewport width */
.RMITUP-academic-article__body>.RMITUP-academic-article__page {
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow-y: auto;
  /* allow vertical scroll inside a page if tall */
  /* padding-right: 12px; */
  position: relative;
  /* Two-column layout inside each page */
  column-count: 2;
  column-gap: 36px;
}

.RMITUP-academic-article__body>.RMITUP-academic-article__page.fullpage {
  column-count: 1 !important;
}

/* Keep sections from breaking awkwardly across columns */
.RMITUP-academic-article__section {
  break-inside: avoid;
}

/* Anchor arrows (Canvas-safe) */
.RMITUP-academic-article__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.75);
  color: #000054;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.RMITUP-academic-article__arrow--left {
  left: 1px;
}

.RMITUP-academic-article__arrow--right {
  right: 1px;
}

@media (max-width: 900px) {
  .RMITUP-academic-article__body {
    height: 65vh;
  }
}

/* ========== Footer ========== */
.RMITUP-academic-article__footer {
  border-top: 1px solid #e5e7eb;
  padding-top: 10px;
  margin-top: 32px;
  font-size: 0.9rem;
  color: #444;
}

.RMITUP-academic-article__doi {
  color: #1d4ed8;
  text-decoration: none;
}

.RMITUP-academic-article__doi:hover {
  text-decoration: underline;
}

/* End Academic article */
/* Blog style/ Biography */
/* ===========================
   Browser Mockup Bar
   =========================== */
.tn-browser-bar {
  background: #f5f5f5;
  /* border: 1px solid #ccc; */
  border-bottom: none;
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 6px 6px 0 0;
  gap: 14px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
}

/* Left icons */
.tn-browser-controls {
  display: flex;
  gap: 10px;
  font-size: 16px;
  color: #777;
}

.tn-browser-controls span {
  cursor: default;
  user-select: none;
}

/* URL bar */
.tn-browser-url {
  flex: 1;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 26px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
}

/* Right menu icon */
.tn-browser-menu {
  font-size: 20px;
  color: #777;
  margin-left: 4px;
}


/* ===========================
   Page Wrapper
   =========================== */
.tn-page {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 auto;
  max-width: 960px;
  border: 1px dotted #ccc;
  padding: 18px 26px 26px;
  box-sizing: border-box;
  /* border-top: none; because browser bar covers it */
}

/* ===========================
   Logo Row
   =========================== */
.tn-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 18px;
}
.tn-logo-icon {
  width: 70px;
  height: 40px;
  border-radius: 4px;
  background: #0089c7;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.tn-logo-text-main {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.tn-logo-text-main span:nth-child(1) { color: #000; }
.tn-logo-text-main span:nth-child(2) { color: #0089c7; }

/* ===========================
   Navigation
   =========================== */
.tn-nav {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: 18px;
}
.tn-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  font-size: 11px;
  letter-spacing: 0.12em;
}
.tn-nav li { padding: 11px 0; }
.tn-nav a {
  text-decoration: none !important;
  color: #777;
}
.tn-nav li.tn-nav--active a {
  color: #0089c7;
  font-weight: 700;
}

/* ===========================
   Main Content Grid
   =========================== */
.tn-main {
  display: grid;
  grid-template-columns: 220px 1fr 260px;
  gap: 18px;
  align-items: start;
}

/* Profile image area */
.tn-photo {
  width: 100%;
  aspect-ratio: 4 / 4;
  overflow: hidden;
}
.tn-photo img {
  width: 200px;
    height: 150px;
    object-fit: cover;
    display: block;
}

/* Intro text */
.tn-intro {
  font-size: 13px;
  line-height: 1.6;
  color: #555;
}

/* Sidebar */
.tn-connect {
  background: #000;
  color: #fff;
  padding: 8px 14px;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.tn-social-row {
  display: flex;
  margin-top: 6px;
}
.tn-social {
  flex: 1 1 auto;
  height: 40px;
  background: #f3f3f3;
  border-right: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #555;
}
.tn-social:last-child { border-right: none; }

/* Responsive */
@media (max-width: 800px) {
  .tn-main {
    grid-template-columns: 140px 1fr;
    grid-template-rows: auto auto;
  }
  .tn-connect,
  .tn-social-row {
    grid-column: 1 / -1;
  }
}
@media (max-width: 540px) {
  .tn-main {
    grid-template-columns: 1fr;
  }
  .tn-photo {
    max-width: 160px;
    margin-bottom: 10px;
  }
}
/* End Blog style/ Biography */

/* RMIT Website */
/* ============ General ============ */
    .rmit-website-container {
      background: url(http://mams.rmit.edu.au/rqzsxxcor5s21.jpg) no-repeat scroll center 150px #DCDDD7;
      width: 100%;
    }


    /* ============ Top black global bar ============ */
    .rmit-topbar {
      background: #222;
      color: #fff;
      font-size: 11px;
      letter-spacing: .03em;
      text-transform: uppercase;
      max-width: 800px;
      margin: 0 auto;
    }

    .rmit-topbar-inner {
      max-width: 780px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 5px 10px;
    }

    .rmit-topbar-left,
    .rmit-topbar-right {
      display: flex;
      align-items: center;
    }

    .rmit-sublinks {
      display: flex;
      gap: 15px;
      font-size: 11px;
      padding: 20px 10px;
      justify-content: end;
      margin: 0 auto;
      max-width: 780px;
    }

    .rmit-sublinks p {
      color: #333;
      font-size: 12px !important;
      text-decoration: none !important;
      border-right: 1px solid #444;
      padding: 0px 10px;
    }

    .rmit-topbar-link {
      padding: 8px 10px;
      border-right: 1px solid #444;
      color: #ADADAD;
      font-size: 12px !important;
    }

    .rmit-topbar-link:first-child {
      border-left: 1px solid #444;
    }

    .rmit-topbar-link span {
      margin-left: 4px;
      font-size: 9px;
    }

    .rmit-topbar-login {
      background: #333;
      color: #adadad;
      padding: 8px 18px;
      border-left: 1px solid #444;
      font-size: 12px !important;
    }

    /* ============ Grey logo bar ============ */
    .rmit-header {
      background: #DCDDD7;
      max-width: 780px;
      margin: 0 auto;
      padding: 5px 10px;
    }

    .rmit-header-inner {
      max-width: 780px;
      margin: 0 auto;
      gap: 30px;
      display: flex;
      align-items: end;
      justify-content: start;
      padding: 16px 0;
    }

    .rmit-logo {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .rmit-logo-blob {
      width: 34px;
      height: 34px;
      border-radius: 0 17px 17px 0;
      background: #e41f26;
    }

    .rmit-logo-text {
      font-size: 26px;
      line-height: 1.1;
      font-weight: 700;
    }

    .rmit-logo-text span {
      display: block;
    }

    .rmit-logo-text span:last-child {
      font-size: 14px;
      font-weight: 600;
    }

    .rmit-main-links {
      display: flex;
      gap: 50px;
      font-size: 15px;
    }

    .rmit-main-links p {
     margin: 0px;
      color: #333;
      font-size: 17px !important;
    }

    /* ============ Dark course title bar ============ */
    .rmit-hero {
      background: #222;
      color: #fff;
      max-width: 780px;
      margin: 0 auto;
      padding: 5px 10px;
    }

    .rmit-hero-inner {
      max-width: 780px;
      margin: 0 auto;
      /* padding:18px 0 22px; */
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .rmit-hero-text {
      /* padding-right: 220px; */
      /* space for side nav */
    }

    .rmit-hero-breadcrumb {
      font-family: "Museo300", "Museo300FF", Arial;
      color: #ADADAD;
      margin-bottom: 10px;
      font-size: 22px !important;
    }

    .rmit-hero-title {
      font-family: "Georgia", "Times New Roman", serif;
      font-size: 32px !important;
      font-weight: 400;
    }

    /* right side vertical nav */
    .rmit-side-nav {
      /* position:absolute; */
      right: 0;
      top: 0;
      width: 220px;
      background: #3b3b3b;
      font-size: 12px;
    }

    .rmit-side-nav-item {
      padding: 9px 12px;
      border-top: 1px solid #555;
      color: #fff;
      font-size: 12px !important;
    }

    .rmit-side-nav-item:first-child {
      border-top: none;
    }

    /* .rmit-side-nav-item--active{
  background:#222;
} */

    /* ============ Main body ============ */

    .rmit-body {
      max-width: 780px;
      margin: 0 auto;
      font-size: 15px;
      padding: 5px 10px;
      background-color: #fff;
    }

    .rmit-body h2,
    .rmit-body h3,
    .rmit-body h4 { 
      color: #000 !important;
    }

    .rmit-section-title {
      font-family: "Georgia", "Times New Roman", serif;
      font-size: 20px;
      margin-bottom: 14px;
    }

    .rmit-body dt {
      font-weight: bold;
      margin-top: 6px;
    }

    /* simple responsiveness */
    @media (max-width:900px) {

      .rmit-topbar-inner,
      .rmit-header-inner,
      .rmit-hero-inner,
      .rmit-body {
        padding: 0 12px;
      }

      .rmit-hero-text {
        padding-right: 0;
      }

      .rmit-side-nav {
        position: static;
        width: 100%;
      }
    }

/* End RMIT Website */
/* Blockquote with images */
.RMITUP-bq-card * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* Main Card Container */
        .RMITUP-bq-card {
            /* background-color: #ffede8;  */
            
            width: 100%;
            height: 170px; 
            
            display: flex;
            align-items: flex-end; 
            justify-content: space-between;
            
            border-radius: 10px;
            overflow: hidden; 
            /* box-shadow: 0 10px 30px rgba(0,0,0,0.1); */
            position: relative;
             margin-bottom: 20px;
        }

        /* Left Side: The Image Container */
        .RMITUP-bq-card-image {
            width: 15%; 
            height: 100%; 
            position: relative;
            flex-shrink: 0;
        }

        .RMITUP-bq-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center; 
            
            filter: grayscale(100%) contrast(1.1); 
            
            /* position: absolute;
            bottom: -10px; 
            left: 0; */
        }

        /* Right Side: The Text Container */
        .RMITUP-bq-card-content {
            width: 85%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center; 
            padding: 0 50px 0 20px; 
            color: #000;
        }

        /* The Quote Text */
        .RMITUP-bq-quote {
            font-family: 'Playfair Display', serif; 
            font-weight: 700; 
            font-style: italic;
            font-size: 24px !important;
            line-height: 1.3;
            text-align: right;
            margin-bottom: 15px;
            color: #111;
        }

        /* The Author Name */
        .RMITUP-bq-author {
            font-family: 'Lato', sans-serif; 
            font-size: 18px !important;
            text-align: right; 
            color: #111;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .RMITUP-bq-card {
                flex-direction: column;
                height: auto;
                align-items: center;
                text-align: center;
                padding-bottom: 30px;
            }
            .RMITUP-bq-card-image {
                width: 150px;
                height: 150px;
                margin-top: 20px;
                border-radius: 50%; 
                overflow: hidden;
            }
            .RMITUP-bq-card-image img {
                position: static;
            }
            .RMITUP-bq-card-content {
                width: 100%;
                padding: 20px;
            }
            .RMITUP-bq-author {
                text-align: center;
                margin-right: 0;
            }
        }
        /* End Blockquote with images */