:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--nav-bg-color: #002f6c;--nav-text-color: #FFFFFF;--color-primary: #FFDD00;--btn-accent-color: #002f6c;--link-color: #002f6c;--color-state: #002f6c;--color-text: #333333;--footer-bg-color: #002f6c;--footer-text-color: #ffffff;--btn-accent-color-hover: #002562;--btn-accent-color-active: #001451;--link-color-hover: #002562;--color-state-hover: #002562;--color-state-focus: #002562;--color-state-active: #001451;--footer-text-color-hover: #f5f5f5;}
/*--------------------------SITE NAVIGATION AREA CUSTOMIZATIONS-----------------------------*/

/*Site logo size*/
.totaraNav_prim .masthead_logo--header_img {
    height: 5rem !important;
}

/*---Top Nav bottom border---*/
.totaraNav_prim {
    border-bottom: 10px solid #FFDD00;
    box-shadow: var(--shadow-2);
    margin-bottom: 0;
}

/*---Front page heading---*/
.page-heading h1 {
     font-weight: normal;
     margin-bottom: 0px;
}

body#page-site-index .page-heading {
   display: none !important;
}

#inst60 .block.chromeless .content {
    padding-top: 0 !important;
}

/*-----------------------MY LEARNING PAGE CUSTOMIZATIONS---------------------*/

#page-totara-dashboard-1 .page-heading {
      display: none;
}

/* My Learning blocks spacing*/
#inst26.block.chromeless .content {
    padding-top: 0 !important;
}

#inst68.block {
    margin-bottom: var(--gap-0) !important;
}

#inst68.block.chromeless .content {
    padding-bottom: 0 !important;
}

/*What's Coming Up blocks spacing*/
#inst69.block {
    margin-bottom: var(--gap-0) !important;
}

#inst31.block.chromeless .content {
    padding-bottom: 0 !important;
}

#inst31.block.chromeless .content {
    padding-top: 0 !important;
}

/*Badges blocks spacing*/
#inst71.block {
    margin-bottom: var(--gap-0) !important;
}

#inst71.block.chromeless .content {
    padding-bottom: 0 !important;
}

#inst32.block.chromeless .content {
    padding-top: 0 !important;
}

ul.badges {
    text-align: justify;
}


/*Certificates blocks spacing*/
#inst72.block {
    margin-bottom: var(--gap-0) !important;
}

#inst72.block.chromeless .content {
    padding-bottom: 0 !important;
}

#ins73.block.chromeless .content {
    padding-top: 0 !important;
}


/*------MANAGER DASHBOARD CUSTOMIZATIONS----*/

#page-totara-dashboard-2 .page-heading {
      display: none;
}

/*Upcoming Events block higher and closer to the block above it*/
#inst77.block {
    margin-bottom: var(--gap-0) !important;
}

#inst77.block.chromeless .content {
    padding-bottom: 0 !important;
}

#inst82.block.chromeless .content {
    padding-top: 0 !important;
}




/*-------------FOOTER CUSTOMIZATIONS---------------*/
.custom-footer {
    display: flex;
    align-items: center;      /* Vertically center image and text */
    justify-content: center;  /* center align */
    gap: 30px;

    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.footer-image img {
    width: 150px;      /* Adjust as needed */
    height: auto;
    display: block;
}

.footer-text h1 {
    color: #0d2352;
    font-weight: 700;
    font-size: 6rem;
    transform: scaleY(1.1); /* Stretches the text height */
    text-align: center;
}

.footer-text h4 {
    margin: 0 0 10px;
}

.footer-text ul {
    margin: 0;
    padding-left: 20px;
}

.footer-text li {
    margin-bottom: 6px;
}

.footer-text a {
    text-decoration: none;
}

.footer-text a:hover {
    text-decoration: underline;
}

/* Mobile */
@media (max-width: 768px) {
    .custom-footer {
        flex-direction: column;
        text-align: center;
    }

    .footer-text ul {
        padding-left: 0;
        list-style-position: inside;
    }

    .footer-text h1 {
        font-size: 3rem;
    }

}

/*--------------------------FOOTER ICONS CUSTOMIZATIONS-------------------------*/
/*---add icons to footer code by sethw 6.20.23---*/
.footer-icons {
  display: flex;
  justify-content: center;
}

.footer-icon{
border-radius: 4px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
max-width: 30px;
}

.footer_icon {
font-size: 30px;
text-decoration: none !important;
margin-left: 10px;
}


.footer_icon_1{
font-size: 30px;
text-decoration: none !important;
}


/*------FRONTPAGE CUSTOMIZATIONS-----*/
/*Lower sidebar blocks on front page to align with blurb block*/
#page-site-index #block-region-side-pre, #page-site-index #block-region-side-post {
    padding-top: 35px;
}


/*-------- OTHER CUSTOMIZATIONS----------*/
/*---Remove unused title area in feeback module label type question to make label span full width instead of having unused empty space to the left (added on Feb 13 2024)-----*/
#page-mod-feedback-complete .feedback-item-label .fitemtitle {
    display: none;
}


/*------remove "extra" login button by sw 8.21.23------*/
.subcontent.potentialidps {
  display: none;
}

/*---increase size of course icons --- sw.27.23---*/
.flex-icon.ft-fw.ft.tfont-var-globe.activityicon {
  font-size: x-large;
margin-right: 7px;
}

.activityicon {
  font-size: x-large;
margin-right: 7px;
}

.fa-brands.fa-twitter.fa-2x {
  margin-left: 8px;
}

/*--- replace the icon for lesson to font awesome --- sw.10.11.23---*/
.tfont-var-card-list::before {
  content: "";
  font-family: FontAwesome;
  content: "\f0e8";
}

/--- change color of sub-nav menu---/

.breadcrumb {
color: #003599;
}

/*COMMENTED OUT
.totaraNav_sub {
background-color: #002f6c ;
}

.totaraNav_sub--list_item_link {
color: #ffffff;
background-color: #002f6c ;
}

.totaraNav_sub--list_item_selected {
color: red;
background-color: #002f6c ;
}

.totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link {
background-color: #4197cb;
}
*/

/*-----Banner with background image----*/
.totara-image-block {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 350px;
  padding: 40px;
  overflow: hidden;
  border-radius: 8px;

  background-image:
    linear-gradient(
      rgba(0, 0, 0, 0.55),
      rgba(0, 0, 0, 0.55)
    ),
    url("https://demo02.totara.totaratestcloud.com/draftfile.php/177/user/draft/409021077/Code-of-Conduct-Hero-BG.jpg");

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.totara-image-block__content {
  position: relative;
  z-index: 1;
  max-width: 650px;
  color: #ffffff;
}

.totara-image-block__content h2 {
  margin: 0 0 15px;
  color: #ffffff;
  font-size: 2rem;
  line-height: 1.2;
}

.totara-image-block__content p {
  margin: 0 0 25px;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.6;
}

.totara-image-block__button {
  display: inline-block;
  padding: 12px 24px;
  border: 2px solid #ffffff;
  border-radius: 4px;
  background-color: #ffffff;
  color: #222222;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.totara-image-block__button:hover,
.totara-image-block__button:focus {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 767px) {
  .totara-image-block {
    min-height: 280px;
    padding: 30px 20px;
  }

  .totara-image-block__content h2 {
    font-size: 1.6rem;
  }

  .totara-image-block__content p {
    font-size: 1rem;
  }
}


/*---LEADERSHIP COURSE - TOPICS FORMAT - CUSTOMIZATIONS---*/

/*---Leadership Course Topics format Course Objectives table located at top of course---*/
.courseobjectives-wrapper {
      max-width: 960px;     
      margin: 0 auto;
    }

    .courseobjectives-list {
      padding-left: 1.5rem;
      margin-bottom: 0;
      font-size: 1.05rem;
      line-height: 1.7;
    }

    .courseobjectives-image img {
      width: 100%;
      height: auto;
      max-height: 200px;    
      margin-top: 1rem;
      object-fit: cover;
      border-radius: 0.375rem;
      display: block;
    }


/*Leadership Course Topics format - Module intro tables located in each Topic*/
.courseintro-card {
      height: 300px;
      border: 1px solid #dee2e6 !important;
      border-radius: 0.375rem;
      overflow: hidden;
      background-color: #fff;
      padding-top: .8rem;
      padding-bottom: 3rem;
    }

   .courseintro-desc {
      padding: 0rem 1rem;
    }
 
    .courseintro-desc h5 {
      margin-bottom: 0.5rem;
      font-size: 1.2em;
    }

    /* Leadership Course Topics format Mobile: breathing room between stacked Module Intro cards*/
    @media (max-width: 767.98px) {
      .courseintro-card {
        margin-bottom: 1.75rem;
      }
   }

    @media (max-width: 767.98px) {
       .courseintro-desc {
       padding: 0rem 1rem 1.125rem;
     }
   }


/*---LEADERSHIP COURSE -PATHWAYS FORMAT - CUSTOMIZATIONS---*/

/*Leadership Course Pathway format - Custom Course Objectives table located at top of course*/
    .courseobjectives-wrapper {
      max-width: 960px;     
      margin: 0 auto;
     }

    .courseobjectives-list {
      padding-left: 1.5rem;
      margin-bottom: 0;
      font-size: 1.05rem;
      line-height: 1.7;
    }

    .courseobjectives-image img {
      width: 100%;
      height: auto;
      max-height: 200px;    
      margin-top: 1rem;
      object-fit: cover;
      border-radius: 0.375rem;
      display: block;
    }

    /* Mobile: image on top, text below – natural source order */
    @media (max-width: 767.98px) {
      .courseobjectives-image {
        margin-bottom: 2rem;
      }
    }

    /* Desktop: vertical center image, add right padding to text column */
    @media (min-width: 768px) {
      .courseobjectives-text-col {
        padding-right: 2.5rem !important;
      }
    }

/*---Leadership Course Pathway format - Custom intro tables located in each Module---*/
.pathcourseintro-card {
      height: 400px;
      border: 1px solid #dee2e6 !important;
      border-radius: 0.375rem;
      overflow: hidden;
      background-color: #fff;
      padding-top: .8rem;
      padding-bottom: 3rem;
    }

 @media (max-width: 767.98px) {
      .pathcourseintro-card {
        height: 250px;
         margin-bottom: 1rem;
      }
    }