: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: #262626;--nav-text-color: #ffffff;--color-primary: #F6B717;--btn-accent-color: #262626;--link-color: #262626;--color-state: #262626;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-accent-color-hover: #1c1c1c;--btn-accent-color-active: #0b0b0b;--link-color-hover: #1c1c1c;--color-state-hover: #1c1c1c;--color-state-focus: #1c1c1c;--color-state-active: #0b0b0b;--footer-text-color-hover: #1c1c1c;}
/*==================================================
VARIABLES FOR COMMON THEME EDITS
==================================================*/

:root {
    /*NAVIGATION AREA */
    --logo-size: 1.5rem;
    --nav-bottom-colored-border: 10px solid #F6B717;

   /*MY LEARNING/DASHBOARD CUSTOM HEADING BLOCKS*/
    --custom-dasbhoards-heading-block-background-color: #262626;

   /*BLOCKS - TOP ACCENT BORDER*/
    --blocks-top-accent-border: 4px solid #262626;                          /*default: 4px solid #262626*/
    --blocks-box-shadow: none;                                        /*default: 0 2px 10px rgba(0, 0, 0, 0.08)*/
    --blocks-border: none;

   /*FRONTPAGE: FEATURED LINKS WITH ICONS BLOCK*/
    --front-page-featured-links-top-background-color: #262626;

   /*FRONT PAGE: CUSTOM BANNER WITH BACKGROUND IMAGE, TEXT AND BUTTON BLOCK*/
     /*Font color*/
    --banner-with-background-image-font: #ffffff;    
        /*Button style*/

     /*Button colors*/
    --banner-with-background-image-button-color: #ffffff;
    --banner-with-background-image-button-font-color: #2f9946;

     /*Button hover colors*/
    --banner-with-background-image-button-hover-color: #ffffff;
    --banner-with-background-image-button- font-hover-color: #2f9946;


   /*FRONTPAGE: CUSTOM SOLID BANNER WITH TEXT, BUTTON AND RIGHT-ALIGNED IMAGE BLOCK*/

    /*Solid Background banner color*/
    --solid-background-banner-background-color: transparent;   /*transparent=no background color*/

    /*Solid Background banner heading and subheading font*/
    --solid-background-banner-heading-size: 2.8rem;
    --solid-background-banner-heading-weight: 700;
    --solid-background-banner-heading-color: #000000;
    --solid-background-banner-paragraph-size: 1.2rem;   
    --solid-background-banner-paragraph-color: #000000;

    /*Solid Background banner Button colors*/
    --solid-background-banner-button-color: #F6B717;
    --solid-background-banner-font-color: #ffffff;

     /*Solid Background banner Button hover colors*/
    --solid-background-banner-hover-button-color: #A145E4;
    --solid-background-banner-hover-font-color: #ffffff;

    /*Image max-width*/
    --solid-background-banner-image-width: 350px;

  
 /*FRONTPAGE: CUSTOM BURB WITH IMAGE BLOCK*/
    --blurb-background-color: #184c85;
    --blurb-font-color: #ffffff;
    --blurb-heading-font-size: 1.5rem;
    --blurb-paragraph-font-size:  1rem;     

} 

/*=========================================================
END OF VARIABLES FOR EASY THEME EDITS. DO NOT EDIT EXISTING CODE BELOW.
=========================================================*/



/*==================================================
Top Navigation Customizations - DO NOT DELETE
==================================================*/

/*Site logo size*/
.totaraNav_prim .masthead_logo--header_img {
    height: var(--logo-size) !important;
}

/*---Top Nav bottom border---*/
.totaraNav {
    border-bottom: var(--nav-bottom-colored-border);
    box-shadow: var(--shadow-2);
    margin-bottom: 0;
}

/*--Frontpage Featured Links Navigation Blocks Top Half Background Color*/
#inst385 .block-totara-featured-links-tile ,block-totara-featured-links-tile-medium ,block-totara-featured-links-tile-135 ,background-cover {
    background-color:  var(--front-page-featured-links-top-background-color) !important;
}

/*Adds a top accent border to standard Totara blocks*/
.block {
    background-color: transparent !important;
    border: var(--blocks-border) !important;
    border-top: var(--blocks-top-accent-border) !important;
    box-shadow: var(--blocks-box-shadow);

    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px !important;
}

/*REMOVES sleek drop shadown and top accent border from specific frontpage and other blocks*/
.banner-with-text-and-image-template, .frontpage-featured-blocks, .my-learning-header, .manager-dashboard, .contract-sg-banner, .apex-space-banner, .front-page-blurb, .image-background-banner, .apex-blurb, .featured-links-background-images, .banner-with-background-image {
    background-color: transparent !important;
    border-top: none !important;
    box-shadow: none !important;
}

#inst277.block_calendar_upcoming.block.chromeless {
    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;
}

/*My Learning and Manager Dashboards custom heading block background color*/
.my-learning-page-header-block, .manager-page-header-block {
    background-color: var(--custom-dasbhoards-heading-block-background-color) !important;
}

/*=============================================================
 Frontpage: Custom Banner with background image, text, and button block - DO NOT DELETE
=============================================================*/

/*IMPORTANT NOTE ABOUT CHANGING THE BLOCK'S BACKGROUND IMAGE: The background image URL has to be edited in the actual custom HTML block's html code and cannot be added here.

To change the background image in the custom banner-with-background-image block:
1. Edit the block in HTML view by clicking the <> button in the Atto text editor., then add an X at the very bottom of the code (below the last </div> in the exsiting code.
2. Exit the HTML view of the block by clicking the <> button in the Atto text editor again.
3. Highlight the X that you added below the banner in the block.
4. Click the Insert image button in the Atto text editor, then locate and insert your new background image. (The image will appear below the banner which is normal.)
5. Return to HTML view by clicking the <> button in the Atto text editor.
6. Highlight ONLY the src URL to the new image code that was added below the last </div> of the existing code.
7. Highlight and replace the only the existing background image URL located at the top of the original block code.  Note: it is the URL located between the two "$quot;" text of the backgroud: url parenthesis.
8. Delete any existing code that was added when the new image was added that is located below the last </div> of the original block code.
9. Click the Save changes button at the bottom of the page.
*/

/*Banner customizations*/
.banner-with-background-image {
    background: no-repeat top;    
    color: var( --banner-with-background-image-font);
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

/*Banner button customizations*/
.banner-with-background-image-btn {
    background-color: var(--banner-with-background-image-button-color) !important;
    color: var(--banner-with-background-image-button-font-color) !important;
    display:inline-block;
    padding:0.8rem 2rem;
    border-radius:10px;
    font-weight:600;
    text-decoration:none;
    margin-top:1.5rem
}

.banner-with-background-image-btn:hover {
    background-color: var(--banner-with-background-image-button-hover-color) !important;
    color: var(--banner-with-background-image-button- font-hover-color) !important;
}


/*================================================================
  Frontpage: Custom Solid Banner with text, button, and right-aligned image block - DO NOT DELETE
=================================================================*/

.custom-banner{
    width:100%;
    background: var(--solid-background-banner-background-color);
    border-radius:16px;
    overflow:hidden;
    margin: 10px 0px 0px 0px;
}

.custom-banner-container{
    max-width:1200px;
    margin:0 auto;
    padding:3rem 2rem;
}

.custom-banner-content{
    color:#fff;
}

.custom-banner-content h1{
    margin:0 0 1rem;
    color: var(--solid-background-banner-heading-color);
    font-size: var(--solid-background-banner-heading-size);
    font-weight: var(--solid-background-banner-heading-weight);
    line-height:1.15;
}

.custom-banner-content p{
    margin:0 0 2rem;
    color: var(--solid-background-banner-paragraph-color);
    font-size: var( --solid-background-banner-paragraph-size);;
    font-style:italic;
    line-height:1.6;
}

.custom-banner-btn{
    display:inline-block;
    padding:.9rem 2.2rem;
    background: var(--solid-background-banner-button-color);
    color: var(--solid-background-banner-font-color);
    text-decoration:none;
    border-radius:10px;
    font-weight:600;
    transition:.25s;
}

.custom-banner-btn:hover{
    background: var(--solid-background-banner-hover-button-color);
    color: var(--solid-background-banner-hover-font-color);
    text-decoration:none;
}

/*==Custom banner image==*/

.custom-banner-image-wrapper{
    display:flex;
    justify-content:flex-end;
    align-items:center;    
    max-width: var(--solid-background-banner-image-width) !important;  

}

.custom-banner-image{
    display:block;
    width:100%;
    height:auto;
    /*border-radius: 0px 50px 0px 50px;*/   /*create or adjust banner image shape*/
}

/*==Custom banner responsiveness==*/

@media (max-width:991px){
    .custom-banner-container{
        padding:2rem;
    }
    .custom-banner-content{
        text-align:center;
    }
    .custom-banner-content h1{
        font-size:2.2rem;
    }
    .custom-banner-image-wrapper{
        justify-content:center;
        margin-top:2rem;
    }
    .custom-banner-image{
        max-width:450px;
    }
}

@media (max-width:576px){
    .custom-banner{
        border-radius:12px;
    }
    .custom-banner-container{
        padding:1.5rem;
    }
    .custom-banner-content h1{
        font-size:1.8rem;
    }
    .custom-banner-content p{
        font-size:1rem;
    }
    .custom-banner-btn{
        display:block;
        width:100%;
        text-align:center;
    }
    .custom-banner-image{
        max-width:100%;
    }
}


/*==================================================
  Frontpage: Custom Blurb block with image - DO NOT DELETE
==================================================*/
#inst490.block_html.block.blurb-template {
    border: none !important;
    box-shadow: none !important;
}

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

/* Heading */
.blurb-template h3 {
    margin-bottom: 1rem;
    font-weight: 200 !important;
    font-size: var(--blurb-heading-font-size) !important;
}

/* Body copy */
.blurb-template p {
    margin-bottom: 0;
    font-size: var(-blurb-paragraph-font-size);
    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 Featured Links Navigation Blocks - DO NOT DELETE
==================================================*/

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

#inst385.block.chromeless .block-totara-featured-links-layout {
    margin: -10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

/*make all Features Links block dark overlay equal in height*/
#inst385 .block-totara-featured-links-layout .block-totara-featured-links-content, #inst492 .block-totara-featured-links-layout .block-totara-featured-links-content  {
    height: 50% !important;
    text-align: left;
}

/*front page featured blocks lower half background*/
#inst385 .block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: #F3F3F3 !important;
}

/*front page featured blocks header and paragraph text*/
#inst385 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3, #inst385 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p {
    color: #021733;
    font-weight: 500;
}

/*==================================================
 Frontpage Featured Links Landscape Navigation Blocks - DO NOT DELETE
==================================================*/

.featured-links-landscape-with-icons h3 {
    font-size: 1.5rem !important;
    padding-bottom: 1rem !important;
    font-weight: 200 !important;
}

.featured-links-landscape-with-icons .block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background-color: blue;
}


/*==================================================
My Learning & Manager Dashboards Customizations
==================================================*/

/*---MY LEARNING PAGE - SIDEBAR BLOCK SPACING ETC---*/

/*my learning page sidebar block font customizations*/
#page-totara-dashboard-4 h3, #page-totara-dashboard-3 h3 {
    font-weight: normal;
}

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

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

/*my learning page move Newsletter block higher and closer to the block above it*/
#inst260.block {
    margin-bottom: var(--gap-0) !important;
}

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

/*my learning page move Podcasts block higher and closer to the block above it*/
#inst277.block.chromeless .content {
    padding-top: 0 !important;
}

/*==================================================
Additional Customizations - DO NOT DELETE
==================================================*/

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

/*---All frontpage banners HTML block content full width----*/
.frontpage-banner .block.chromeless .content {
     width: 100%;
}

/*home page remove extra space below banner image and featured blocks*/
.pagelayout-frontpage #region-top .block,
.pagelayout-dashboard #region-top .block {
    margin-bottom:0;
}

/*---Front page 3 featured icon blocks----*/
#inst348 .block-totara-featured-links-layout .block-totara-featured-links-content {
     background: #fae6b3 ;
}

#inst348 .block-totara-featured-links-layout .block-totara-featured-links-content h3 {
     color: #000000;
}

#inst348 .block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: #fae6b3 ;
}

.page-heading h1 {
    margin-top: 20px;
}

#inst348.block.chromeless .content {
    padding-top: 0;
}

/*---Featured links blocks sizing---*/
.block-totara-featured-links-layout.align-center div.block-totara-featured-links-tile,
.block-totara-featured-links-layout.align-right div.block-totara-featured-links-tile, 
.block-totara-featured-links-layout.align-justified div.block-totara-featured-links-tile {
    flex-grow: 1 !important;
}

h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif !important;
}

#page-header {
    margin-bottom: 0;
}

.totaraNav_prim {
    padding: var(--gap-4) 0;
}

.totaraNav_prim .masthead_logo--header_img {
    height: 2rem;
}

.block-content a {
    font-weight: 600;
}

.page-footer-poweredby {
    margin: 0 auto;
}

/*-- MINI PROFILE CUSTOMIZATIONS--*/

/*compentency profile page enlarge name of user located next to their profile pic*/
.tui-competencyProfile__header .tui-miniProfileCard__row-text--bold {
    font-size: 2em;
    line-height: 1.3em;
    display: flex;
   align-items: center; 
   height: 39px;
}


.tui-competencyProfile__header .tui-miniProfileCard__row-link--bold {
    font-size: 2em;
    line-height: 1.3em;
    display: flex;
   align-items: center; 
   height: 39px;
}

/*Workspace members - enlarge user and profile pic*/

.tui-workspaceMemberCard__profileCard .tui-miniProfileCard__row-text--bold {
    font-size: 1em;
    line-height: 1.2em;
    display: flex;
   align-items: center; 
   height: 39px;
}


.tui-workspaceMemberCard__profileCard .tui-miniProfileCard__row-link--bold {
    font-size: 1em;
    line-height: 1.2em;
    display: flex;
   align-items: center; 
   height: 39px;
}


/*==================================================
Styled Breadcrumb & SubNav Customizations - currently commented out
==================================================*/

/*----------------Hiding Styled Breadcrumb & SubNav----------- 
.breadcrumb {
    color: #fff;
}
.breadcrumb a {
    color: white;
    font-weight: 500;
}
.breadcrumb a.dimmed_text {
    color: #aaa;
}
.breadcrumb-container {
    background-color: #0b4778;
    margin-bottom:10px;
}
.path-totara-catalog .breadcrumb,
.path-totara-dashboard .breadcrumb {
    color:initial;
}
.path-totara-catalog .breadcrumb a,
.path-totara-dashboard .breadcrumb a {
    color:initial;
    font-weight:initial;
}
.path-totara-catalog .breadcrumb-container,
.path-totara-dashboard .breadcrumb-container {
    background-color:initial;
    margin-bottom:initial;
}
nav.totaraNav_sub {
    background: #0b4778;
}
nav.totaraNav_sub li a {
    color: white;
}
----------------------------------------------*/


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

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

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

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

/*==================================================
Custom - Course Objectives Table
==================================================*/

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

/*--Seminar instance names---*/

.instancename {
    font-weight: 700;
    font-size: 1.1rem;
    vertical-align: middle;
    margin-left: 5px;
}


/*==================================================
Guest Course Customizations
==================================================*/
#inst396 .welcome-banner {
    border-radius: 10px;
    background-image: linear-gradient(to right, #0e2949, #122f51, #163659, #1a3c61); /*Gradient background*/
   /*  background-color: #1a3c61; Set your solid color here */
    color: #ffffff;            /* Text color */
    padding: 30px 20px;       /* Top/bottom and left/right spacing */
    text-align: center;       /* Centers the text */
    font-family: Arial, sans-serif;
  }

 #inst396 .welcome-banner p {
    margin: 0 0 30px;         /* Removes default margins and adds space below */
    font-size: 2rem !important;
    color: #be8044;
    font-weight: normal:
  }

   #inst396 .welcome-banner h1 {
    margin: 0;
    font-size: 4.1rem !important;
  }

  #inst396 .welcome-banner h2 {
    margin: 0;
    font-size: 2rem !important;
    font-weight:300 !important;
  }

/*==================================================
END - CUSTOM TEMPLATED CSS
==================================================*/

/*==================================================
ADD YOUR CUSTOM CSS BELOW
==================================================*/