: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: #ffffff;--nav-text-color: #262626;--color-primary: #31c2de;--color-state: #02315d;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--color-state-hover: #002753;--color-state-focus: #002753;--color-state-active: #001642;--footer-text-color-hover: #1c1c1c;}
/*==================================================
Top Navigation Customizations
==================================================*/

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

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

/*Adds a sleek drop shadow and top accent border to standard Totara blocks*/
.block {
    background-color: transparent;
    border: none !important;
    border-top: 4px solid #69BD45 !important;      /*block top border adjustments*/
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px !important;
}

/*remove sleek drop shadown and top accent border from specific banner blocks on front page*/
.frontpage-banner {
    border-top: none !important;
}

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

/*---Hide Front page title---*/
body#page-site-index .page-heading {
   display: none !important;
}

/*==================================================
  Custom Blurb (template)
==================================================*/

/*EASY CUSTOM BLURB EDITS*/
.blurb-template {
    --blurb-background-color: #31c2de ;
    --blurb-text-color: #1a1a1a ;
    --blurb-border-radius: 10px;
    --blurb-header-font-size: 1.5rem;
    --blurb-paragraph-font-size: 1.1rem;
}
/*END EASY CUSTOM BLURB EDITS*/

/*Remove sleek top block border*/
.blurb-template {
    border: none !important;
    box-shadow: none !important;
}

/* Main panel */
.blurb-template > .row {
    color: var(--blurb-text-color);
    background-color: var(--blurb-background-color);
    border-radius: var(--blurb-border-radius);
}

/* Heading */
.blurb-template h3 {
    margin-bottom: 1rem;

    font-size: var(--blurb-header-font-size) !important;
}

/* Body copy */
.blurb-template p {
    margin-bottom: 0;
    font-size: var(--blurb-paragraph-font-size) !important;
    line-height: 1.5;
}

/* Make the image column match the row height */
.blurb-template .col-md-5 {
    display: flex;
}

/* Vertically center the editable image */
.blurb-template__media {
    display: flex;
    width: 100%;
    min-height: 250px;
    align-items: center;
    justify-content: center;
}

/* Target any replacement image inserted by Totara */
.blurb-template__media img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain;
    border-radius: 10px;
}

/* Handle a paragraph Totara may insert around the image */
.blurb-template__media p {
    width: 100%;
    margin: 0;
}

/* Ensure an image inside Totara's paragraph wrapper remains proportional */
.blurb-template__media p img {
    width: 100%;
    height: auto !important;
}

/* Mobile layout */
@media (max-width: 767.98px) {
    .blurb-template > .row {
        padding: 2rem !important;
    }

    .blurb-template .col-md-5 {
        margin-top: 1.5rem;
    }

    .blurb-template__media {
        min-height: 0;
    }
}




/*----------------------------------------FRONTPAGE CUSTOMIZATIONS---------------------------*/

/*---FRONTPAGE BANNER CUSTOMIZATIONS---*/

/*DESKTOP BANNER*/
.frontpage-banner.chromeless .content {
     width: 100%;
}

/*BANNER HIDING TRICK FOR DESKTOP, TABLET, AND MOBILE*/
#inst33, #inst35, #inst49 {
     display: none;
}


/*MOBILE BANNER*/
@media (max-width: 767.98px) {
 #inst35 {
    display: block;
  }
}

/*TABLET BANNER*/
@media (min-width: 768px) and (max-width: 991.98px) {
 #inst49 {
    display: block;
  }
}

/*DESKTOP BANNER*/
@media (min-width: 992px) {
 #inst33 {
    display: block;
  }
}
/*END BANNER HIDING TRICK*/


/*Frontpage title - hide*/
#page-site-index .page-heading h1 {
    display: none;
}

#page-site-index .page-heading {
    display: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*Mobile frontPage title - hide*/
@media (max-width: 768px) {
#page-site-index .page-heading h1 {
    display: none;
  }
}


/*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: 45px;
}

/*----------------FEATURED LINKS NAV BLOCKS (Front and My Learning Pages-----------------------------------*/

/*make all Features Links block dark overlay equal in height*/
.frontpage-featured-blocks.block-totara-featured-links-layout .block-totara-featured-links-content, .my-learning-featured-nav.block-totara-featured-links-layout .block-totara-featured-links-content  {
    height: 50% !important;
    text-align: left;
}

/*---featured links blocks background and text (inst34 front page, inst74 my learning page)---*/
#inst34 .block-totara-featured-links-layout .block-totara-featured-links-content::before, #inst74 .block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: #F3F3F3 !important;
}

/*front page and my learning page features blocks text area uniformity*/
#inst34 .block-totara-featured-links-layout .block-totara-featured-links-content, #inst74 .block-totara-featured-links-layout .block-totara-featured-links-content {
    height: 50% !important;
}

#inst34 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3, #inst34 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p, #inst74 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3, #inst74 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p {
    color: #262626;
}

/*Frontpage blocks Font*/
.frontpage-featured-blocks.block-totara-featured-links-content h3, .my-learning-featured-nav.block-totara-featured-links-content h3 {
     font-size: 2em;
     font-weight: normal;
}

/*Frontpage Banner image and featured blocks spacing*/
.frontpage-banner.block.chromeless.block {
      margin-bottom: 0px !important;
      text-align: center;
      width: 100%;
}

#inst34.block.chromeless .content, #inst74.block.chromeless .content {
     padding: 0px !important;
}

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


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



/*my learning page sidebar block font customizations*/
#page h3 {
    font-weight: normal;
}

#page .block .content p {
    font-weight: normal;
}

#page .block .block-header h2 {
    font-size: 1.4em;
}

/*My Learning page move Badges block higher and closer to its header block*/
#inst48 .block.chromeless.block {
     margin-bottom: 0px !important;
}

/*My Learning page move Upcoming Events block higher and closer to its header block*/
#inst46.block.chromeless .content {
     padding-bottom: 0px;
}


/*-----------------------------------COURSE-SPECIFIC CUSTOMIZATIONS-----------------------------*/

/*---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;
      }
    }

/*---PATIENT SAFETY COURSE CUSTOMIZATIONS---*/
/*----Medical edits----*/

.courseintro2-card {
      height: 300px;
      border: 1px solid #dee2e6 !important;
      border-radius: 0.375rem;
      overflow: hidden;
      background-color: #7fb841;
      padding-top: .8rem;
      padding-bottom: 3rem;
    }

   .courseintro2-desc {
      padding: 0rem 1rem;
    }
 
    .courseintro2-desc h5 {
      margin-bottom: 0.5rem;
      font-size: 1.2em;
      color: #000;
    }

    .courseintro2-desc p {
      color: #000;
    }

   .courseintro2-desc ul {
      color: #000;
    }

/*-------------------------------TEMPLATED OBJECTS--------------------------*/

/*----CUSTOM OBJECTIVES TABLE----*/
.custom-objectives-table {
     background-color: #007ab8;
     border-radius: 10px;
     font-size: 1.1em;
     color: #fff;
     width: 75%;
}

.custom-objectives-table td {
     padding: 20px !important;
}