: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-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}: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-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}.dekratenant{}.dekratenant__customTab{}.dekratenant__customTab__text{}.dekratenant__customTab__text--rendered{color:var(--dekratenant-color);}.dekratenant__customTab__text--rendered{color:var(--dekratenant-color)}:root{--nav-bg-color: #ffffff;--nav-text-color: #262626;--color-primary: #006B52;--color-state: #006B52;--color-text: #262626;--footer-bg-color: #006B52;--footer-text-color: #ffffff;--color-state-hover: #006148;--color-state-focus: #006148;--color-state-active: #005037;--footer-text-color-hover: #f5f5f5;}
/*   ----------------- ADD COMMON SITE CSS BELOW -----------------  */


body {
  font-family: poppins, sans-serif;   /*  Changes site default font  */
}



/* FOOTER */
#page-footer {
  padding-top: 90px;    /*   Adds space to footer  */
}
#theme_switch_link {
  display: none;     /*  Hides button in footer  */
}
/*  FOOTER END  */



/*  USER TOURS  */
.modal-title{
font-weight: bold !important;   /*  Changes user tour header  */
}
/*  USER TOURS END  */



/*   ----------------- ADD COMMON SITE CSS ABOVE-----------------  */















.tenant-user-dekra,
.tenant-context-dekra{
/*   ----------------- ADD TENANT SPECIFIC CSS BELOW -----------------  */



/*  LOGIN  */
.tui-core_auth-loginNav {
  background-color: #ffffff;  /*  Changes nav banner colour  */
}
.tui-formBtn {
  width: fit-content;   /*  Changes button format  */
  padding-left: 20px;
  padding-right: 20px;
}
.tui-core_auth-loginForm__help {
  display: none;   /*  Hides cookie info  */
}
.tui-core_auth-footer {
  background-color: #ffffff;   /*   Changes footer colour   */
}
.tui-core_auth-footer__poweredBy { 
  color: #262626;    /*   Changes footer text colour   */
}
/*  LOGIN END  */



/*  FONTS  */
h1 {
  font-family: noto-sans;
  text-transform: captialize;
  font-weight: 600;
  font-size: 36px;
}
h2 {
  font-family: noto-sans;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 28px;
}
h3 {
  font-family: noto-sans;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 24px;
}
h4 {
  font-family: noto-sans;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 18px;
}
h5 {
  font-family: noto-sans;
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
}
h6 {
  font-family: noto-sans;
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
}
/*  FONTS END  */



/*  NAVIGATION  */
.count-container {
  background-color: #006B52;  /*   Overrides bg of notification count   */
}
.popover-region.popover-region-messages {
  display: none;   /*  Hides messaging icon in prim nav  */
}
.loggedinas-label {
  color: #000000 !important;   /*   Changes logged in as text   */
}
.popover-region-header-text {
  font-size: 14px !important;   /*  Changes notifications header  */
}
.totaraNav_prim--list_item_link, .totaraNav_prim--list_item_label {
  font-weight: 600;   /*   Changes nav headers   */
  font-family: noto-sans;   
}
.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_label::after {
 border-color: transparent;   /*  Changes bottom border when selected  */
}
.totaraNav_prim--list_item:hover .totaraNav_prim--list_item_label::after {
 border-color: transparent;    /*  Changes bottom border on hover  */
}
.totaraNav_prim--list_item_selected:hover .totaraNav_prim--list_item_label::after {
 border-color: transparent !important ;    /*  Changes selected bottom border on hover  */
}
.totaraNav_prim--list_item_link:focus .totaraNav_prim--list_item_label::after {
 border-color: transparent !important ;   /*  Changes bottom border on focus  */
}
@media (max-width: 991px) {
  .totaraNav--list_item_expanded>.navExpand--list {
  background: transparent; }   /*  Overrides prim nav dropdown bg colour for mobile  */
}
.totaraNav_sub {
  background-color: #ffffff;   /*   Changes sub nav bg colour   */
}
.totaraNav_sub--list_item_selected, .totaraNav_sub--list_item_selected:hover {
  border-bottom-color: transparent;   /*  Hides selected sub nav border  */
}  
.totaraNav_sub--list_item, .totaraNav_sub--list_item:hover { 
  border-bottom-color: transparent;   /*  Hides unselected sub nav border   */
}
.totaraNav_sub--list_item_selected {
  font-weight: 600;   /*  Changes selected label text bold  */
}
.totaraNav_sub--list_item_selected:hover {
  background: transparent;   /*  Changes selected label bg transparent on hover state  */
}
/*  NAVIGATION END  */



/* REPORTS */
.course_icon {
      margin-right: 15px;   /*  Add gap to icon in reports  */
}
.progress {
   border: 1px solid #006B52;   /*   Overrides progress bar border colour   */
}
.progress .bar {
  background-color: #006B52;   /*   Overrides progress bar colour   */
  border-radius: 24px;
}
.nav-tabs>li.active>a::after {
  background: #006B52 !important;   /*  Overrides active tab colour  */
}
thead th, thead th>a {
  background-color: #c7c7c7;
  color: #ffffff;
}
.tui-totara_reportbuilder-listingReportItem {
  border-radius: 6px;   /*  Add radius to report grid tiles   */
}
.tui-totara_reportbuilder-listingReportItem__imageWrap {
  border-radius: 6px 6px 0 0;   /*  Adds radius to image in report grid tile  */
}
.tui-totara_reportbuilder-listingReportItem__title {
  font-family: noto-sans;   /*  Changes report grid tile header   */
  margin-top: 20px;
  margin-bottom: 10px;
  background-color: transparent;
}
/*   REPORTS END   */



/*   CATALOGUE   */
.tw-catalogItemNarrow__title_featured {
  background: #57ab27;   /*   Changes catalgue featured bg   */
}
.tw-catalogItemNarrow__textarea_group_item {
     color: #000000;  /*   Changes catalogue category text colour  */
}
.tw-grid__item_active .tw-catalogDetails__content { 
   border-radius: 15px;   /*  Changes catalogue description box radius  */
}
.tw-catalogItemNarrow__title {
  font-size: 16px !important;   /*  Changes catalogue tile header  */
  font-weight: bold;
  height: 8em;   /*  Changes tile height  */
}
.tw-selectRegionPanel__selector_header {
  font-size:16px !important;   /*   Changes filter sub headings   */
}
.tw-selectRegionPanel__heading_text {
  font-size: 16px !important;   /*   Changes filter heading   */
  font-weight: normal;
}
/*   CATALOGUE END   */



/*   CALENDAR  */
.controls .calendar-controls {
  margin-bottom: 30px;   /*   Adds gap to month header   */
  margin-top: 30px;
}
/*   CALENDAR END   */



/*   COURSES*/
.tw-formatTopics__topic--collapsible.tw-formatTopics__topic--color .tw-formatTopics__topic_header{
  background: #57ab27 !important;  /*   Changes topic seciton bg colour   */
  padding-top:10px;
  padding-bottom: 10px;
}
.tw-formatTopics__topic_header {
  font-size: 18px;    /*   Changes topic section headers   */
  text-transform: capitalize;
}
.activityicon {
  font-size: 28px !important;    /*   Changes size of activities   */
}
.autocompletion {
  font-size: 28px;     /*   Changes size of completion circle   */
}
.completion-icon {
   margin-top: 12px;     /* Changes size of self completion box  */
   margin-right: 12px;
   transform: scale(2);
}
.section li.activity .actions {
   margin-top: -6px;    /*  Aligns icons to activity text  */
}
/*   COURSES END   */



/*  SEMINAR  */
.mod_facetoface__eventinfo__content__management__item {
  margin-bottom: 8px;   /*   Change options to mimic a button  */
  padding: 8px 12px;
  border: 1px solid #006B52;
  width: fit-content;
  border-radius: 8px;
}
/*   SEMINAR END  */



/*  BLOCKS*/
.block .block-header .block-title.title h2 , .block_totara_user_profile .content .profile_tree .node_category h3 {
  font-weight: bold;   /*  Changes block and default profile block headers */
  font-size: 18px;
  text-transform: Capitalize;
}
.block {
  border-radius: 10px;  /*  Rounder block corners  */
}
/*  BLOCKS END  */



/*   HTML BLOCKS  */

/*  DASHBOARD BANNERS  */
.hero-container {
  position: relative;
  height: 450px;
  width: 100%;
}
.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-img-left {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.hero-container h1 {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left: 90px;
  color: #ffffff;
  text-transform: none !important;
  font-size: 32px !important;
  padding-right: 20px;
}
@media (max-width: 768px) {
.hero-container h1 {
  left: 40px; }
}
/*  DASHBOARD BANNERS END  */



/*  COURSE BANNERS   */
.course-container {
  position: relative;
  height: 250px;
  width: 100%;
}
/*  COURSE BANNERS END  */



/*   ACCORDIAN   */
details {
  overflow: hidden;
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #000000;
}
details summary {
  display: block;
  cursor: pointer;
  position: relative;
  padding:12px;
  background: #ffffff;
  color: #000000;
  font-size:18px;
  font-family: montserrat;
}
details:not([open]) summary:hover, details:not([open]) summary:focus {
  background: #f6f6f6;
  color: #000000;
}
details[open] summary {
 font-weight: bold;
}
details[open] main{
  padding: 12px;
}
/*   ACCORDIAN END  */



/*  BOX SHADOW  */
.bshadow {
  box-shadow: 0 11px 15px 0 rgba(52, 52, 255, 0.05);
}
/*  BOX SHADOW END  */



/*   TILES   */
.wrapper, .twocol, .fourcol {    
  width: 100%;
  margin: auto;
  display: grid;
  gap: 20px;
  padding-top: 20px;
  box-sizing: border-box;
}
.tile {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
}
.tile img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
.tile:hover img {
  transform: scale(1.08);
}
.tile-content {
  position: absolute;
  top: 30px;
  left: 30px;
  padding-right: 25px;
  color: #fff;
  text-align: left;
  pointer-events: none; /* Allow hover to pass through to the image */
}
@media (min-width: 1279px) {
  .wrapper {
    grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 20px), 1fr));
  }
  .twocol {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));
  }
  .fourcol{
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 20px), 1fr));
  }
}
@media (max-width: 1278px) and (min-width: 769px) {
  .wrapper {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));
  }
  .twocol {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));
  }
  .fourcol{
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));
  }
}
@media (max-width: 768px) {
  .wrapper {
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 20px), 1fr));
  }
  .twocol {
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 20px), 1fr));
  }
  .fourcol{
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 20px), 1fr));
  }
}
/*   TILES END   */

/*   HTML BLOCKS END   */



/*   FEATURED LINKS   */
.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-top { 
  background: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(0, 0, 0, .55));
  padding: 20px;
}
.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-bottom {
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, .55));
  padding: 20px;
}
.block-totara-featured-links-layout>div .block-totara-featured-links-content h3{
   font-size: 16px;
   font-family: noto-sans;
   text-transform: inherit !important;
   font-weight: 450;
}
.block-totara-featured-links-content p {
    margin-top: 12px;
}
#fl-radius.block-totara-featured-links-layout.square>div {
  border-radius: 10px;
}
#fl-radius.block-totara-featured-links-layout.landscape>div {
  border-radius: 10px;
}
#fl-radius.block-totara-featured-links-layout.fullwidth>div {
  border-radius: 10px;
}
#fl-ql.block-totara-featured-links-layout.square>div {
  border-radius: 10px;
}
#fl-radius.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-bottom {
  border-radius: 0px 0px 10px 10px;
}
#fl-radius.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-top {
  border-radius: 10px 10px 0px 0px;
}
#reports-fl.block-totara-featured-links-layout.square>div {
  border-radius: 10px;
}
#reports-fl.block-totara-featured-links-layout .block-totara-featured-links-tile .block-totara-featured-links-link {
  border: 1px solid #c7c7c7;
  border-radius: 10px;
}
#reports-fl.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-bottom {
  background:transparent;
  padding-bottom: 8px;
}
#reports-fl.block-totara-featured-links-layout>div .block-totara-featured-links-content h3 {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}
#reports-fl.block-totara-featured-links-layout>div .block-totara-featured-links-content p {
  color: #000000;
  margin-top: 1px;
}
.block-totara-featured-links-layout .block-totara-featured-links-content::before {
background-color: transparent;
}
/*   FEATURED LINKS END   */



/*  CURRENT LEARNING  */
.pagination>.active>a {
  border-color: #006B52;
}
/*  CURRENT LEARNING END  */



/*  LAST COURSE ACCESSED  */
.block_last_course_accessed_content {
  padding-top: 10px;   /*  Adds space to block */
  padding-bottom: 10px;
}
.block_last_course_accessed_content .course_name_large {
  font-size: 18px;     /*  Changes font size  */
}
/*  LAST COURSE ACCESSED END  */



/*  BADGES  */
.content.block-content .badges {
  text-align: center;    /*  Centers badges in block  */
}
/*  BADGES END  */



/* WOF */
@media screen and (max-width: 600px) {
.wof-container {
  width: 100%; } 
}
@media screen and (min-width: 600px) {
.wof-container {
  width: 95%; 
  padding: 20px; } 
}
/*  WOF END  */



/*   ----------------- ADD TENANT SPECIFIC CSS ABOVE  -----------------  */
}