: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{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--bg-color-banner-upprog-catalog: var(--color-secondary);--text-color-banner-upprog-catalog: var(--color-tertiary);--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-primary-text-color: var(--color-text);--btn-default-text-color: var(--color-text);--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)}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}:root{--nav-bg-color: #0D4252;--nav-text-color: #FFFFFF;--color-primary: #3e8084;--color-secondary: #d7ebec;--color-tertiary: #333333;--btn-prim-accent-color: #4f841a;--btn-accent-color: #e1efd3;--btn-primary-text-color: #ffffff;--btn-default-text-color: #333333;--link-color: #4f841a;--color-state: #4f841a;--color-text: #333333;--footer-bg-color: #3E8084;--footer-text-color: #ffffff;--btn-prim-accent-color-focus: #457a10;--btn-prim-accent-color-active: #346900;--btn-accent-color-focus: #d7e5c9;--btn-accent-color-active: #c6d4b8;--link-color-hover: #457a10;--color-state-hover: #457a10;--color-state-focus: #457a10;--color-state-active: #346900;--footer-text-color-hover: #f5f5f5;}
/* Load additional fonts from CDN website */
@font-face{
    font-family: "Meta Pro Bold";
    src: url("https://cdn.ecdc.europa.eu/metaProFonts/MetaPro-Bold.woff2")format("woff2"),
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Meta Pro Black";
    src: url("https://cdn.ecdc.europa.eu/metaProFonts/MetaPro-Black.woff2")format("woff2"),
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

/* Specific adjustments for the banner with the class sitehomebanner */
.sitehomebanner .text-wrapper {
  background-color: rgba(255, 255, 255, 0.7) !important;
  box-sizing: content-box !important
  display: unset !important;
}

@media screen and (min-width: 600px) {
.sitehomebanner .text_to_html {
  display: unset !important;
}
}

#inst4273  ul.list li.dashboard:not(.active) a {
  color: #999; /* Grey color for inactive items */
}

#inst4273 ul.list li.dashboard a {
  font-size: 10px; 
  padding: 5px; 
  border-radius: 5px; /* Reduce border radius to make the button smaller */
}
.totaraNavOverlay {
    display: none;
}

/* Override theme font for headings */
:root {
    --font-family-headings: 'Meta Pro Bold', sans-serif !important;
}


/* Block alignment on front page */
body div#region-main div[role="main"] {
   padding: unset;
}

/* Hide the bread crumb */
/*  ol.breadcrumb { */
 /*    display: none; */
/*  } */

/* Adjust font an colours of main menu items */
.totaraNav_prim--list_item_label {
    font-family: 'Meta Pro Bold';
}
.totaraNav_prim--list_item_label:hover {
    color: #f2f8f9;
}
.navExpand--list_item_label:hover {
    color: #f2f8f9 !important;
}
.navExpand--list_item_link:hover {
    color: #f2f8f9 !important;
}
.navExpand--list_item:hover {
    color: #f2f8f9 !important;
}
.ul.navExpand--list.navExpand--listSecond:hover {
    color: #f2f8f9 !important;
}

/* Show full course title on catalogue tiles */
.tw-catalogItemNarrow__ellipsis {
   overflow: visible;
}
.tw-catalogItemNarrow__title {
   overflow: visible;
}
span.tw-catalogItemNarrow__title_featured {
    display: none;
}


/* Forcing theme colours on enrolment page */
body.path-enrol .panel-default .panel-heading {
   color: unset !important;
}
body.path-enrol .panel-default .summary p {
   color: unset !important;
}


/*ADMIN Dashboard changes to target the dashboard block list with the id 'inst4273' */

#inst4273 ul.list, #inst6006 ul.list, #inst171 ul.list, #inst6007 ul.list , #inst6150 ul.list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

#inst4273 ul.list li.dashboard, #inst6006 ul.list li.dashboard, #inst171 ul.list li.dashboard, #inst6007 ul.list li.dashboard , #inst6150 ul.list li.dashboard{
  padding: 2px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  flex-grow: 1;
}

#inst4273 ul.list li.dashboard div.name,  #inst6006 ul.list li.dashboard div.name, #inst171 ul.list li.dashboard div.name,  #inst6007 ul.list li.dashboard div.name,  #inst6150 ul.list li.dashboard div.name{
  text-align: center;
}

#inst4273 ul.list li.dashboard div.name a , #inst6006 ul.list li.dashboard div.name a, #inst171 ul.list li.dashboard div.name a , #inst6007 ul.list li.dashboard div.name a, #inst6150 ul.list li.dashboard div.name a{
  text-decoration: none;
  color: #999;
  font-size: 13px;
  font-weight: bold;
}

#inst4273 ul.list li.dashboard div.name a:hover ,  #inst6006 ul.list li.dashboard div.name a:hover,
#inst171 ul.list li.dashboard div.name a:hover ,  #inst6007 ul.list li.dashboard div.name a:hover, 
#inst6150 ul.list li.dashboard div.name a:hover {
  color: #00698f;
  background-color: #f0f0f0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#inst4273 ul.list li.dashboard.active div.name a , #inst6006  ul.list li.dashboard.active div.name a,
#inst171 ul.list li.dashboard.active div.name a , #inst6007  ul.list li.dashboard.active div.name a, #inst6150 ul.list li.dashboard.active div.name  a{
  color: #333;
  background-color: #ddd;
  font-size: 10px;
  font-weight: bold;
}

#inst4273 ul.list li.dashboard.active div.name a:hover , #inst6006 ul.list li.dashboard.active div.name a:hover , #inst171 ul.list li.dashboard.active div.name a:hover , #inst6007 ul.list li.dashboard.active div.name a:hover, #inst6150 ul.list li.dashboard.active div.name  a:hover{
  color: #333;
  background-color: #ddd;
}

@media (max-width: 768px) {
  #inst4273 ul.list, #inst6006  ul.list ,  #inst171 ul.list, #inst6007 ul.list, #inst6150 ul.list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  #inst4273 ul.list, #inst6006  ul.list,   #inst171 ul.list, #inst6007  ul.list, #inst6150 ul.list {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 769px) {
  #inst4273 ul.list, #inst6006  ul.list ,   #inst171 ul.list, #inst6007  ul.list, #inst6150 ul.list {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* Learning Portal User policy information and code of conduct Policy box*/
.policybox {
    height: 20em;
}

  body.course-994 .feedback_itemlist.feedback-item-textarea {
    max-width: 98%; /*TSA Ccourse to temporarily fix issue with max width of textare questions*/
  }

/* Learning Portal update*/
/* User profile page ECDC customisation*/

 body#page-user-editadvanced {
#fitem_id_city, #fitem_id_country, #fitem_id_description_editor, .fitem.fitem_ftext#fitem_id_description_editor, #id_moodle_picture,  
#id_moodle_additional_names, #id_moodle_interests, #id_moodle_optional, #id_profile_field_Linkedin, .fitem.fitem_ftext#fitem_id_profile_field_Linkedin , #id_profile_field_MobilePhone, .fitem.fitem_ftext#fitem_id_profile_field_MobilePhone , 
.fitem.fitem_ftext#fitem_id_profile_field_OfficePhone   ,   .fitem.fitem_ftext#fitem_id_profile_field_Address ,  .fitem.fitem_ftext#fitem_id_profile_field_AddressLine2, .fitem.fitem_ftext#fitem_id_profile_field_PostalCode, .fitem.fitem_ftext#fitem_id_profile_field_City
    {
        visibility: hidden;   display: none; height: 0px
    }
}

/***Disabled:  change the country profile field style
 #fitem_id_profile_field_Countryaffiliation {background:#ffc107;}
#id_category_4 .ftoggler a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
} ***/

#id_moodle .ftoggler a:hover , #id_category_4 .ftoggler a:hover {
  cursor: pointer;
}

.clearfix.collapsible#id_category_1 {visibility: hidden; height: 0px;}
.clearfix.collapsible#id_aspirationalpositionheader {visibility: hidden; height: 0px;}

/* Learning Portal User policy information and code of conduct Policy box*/
.policybox {
    height: 20em;
}

#id_category_4 legend.ftoggler {
    margin-bottom: 3px; 
}

/*  DISABLE: add content to category field 
#id_category_4 .fheader::after {
    content: "Kosovo¹: This designation is without prejudice to positions on status and is in line with UNSCR 1244/99 and the ICJ Opinion on the Kosovo declaration of independence.";
    display: block;
    margin-top: 5px;
    margin-right: 5px; 
    font-size: 12px;
} */

/* Add Kosovo footnote */
label[for="id_profile_field_Countryworkaffiliation"]::after {
    content: "Kosovo¹: This designation is without prejudice to positions on status and is in line with UNSCR 1244/99 and the ICJ Opinion on the Kosovo declaration of independence.";
    display: block;
    margin-top: 8px;
    font-size: 12px;
    margin-left: 10px;
}

/* Highlight the "There are required fields in this form marked*"  .fdescription.required element to make it clearly visible to the user */
#page-user-edit .fdescription.required {
    background-color: #ffffe0; 
    border: 2px solid #8b0000;
    padding: 10px;
    font-weight: bold;
}

/*ECDC Improvements to the enrol page */
#page-enrol-index .coursename {
    color: #4f841a;
}
#page-enrol-index #region-main h2 {
    padding: 0;
    margin: 0;
}
#page-enrol-index .generalbox.info {
    margin-left: 20px;
    margin-right: 20px;
}
#page-enrol-index .content .summary {
    margin-top: 25px;    
    margin-left: 15px;
}
.custom-hr {
    border: 1px solid #f0f0f0;
    margin: 20px auto;
    margin-top: 20px;
}

/*ECDC code of conduct page*/
.tf_element.totara_form_element_radios {
  display: flex !important;
  flex-direction: column !important;
}

.tf_element.totara_form_element_radios .tf_element_title {
  flex: 0 0 50% !important;
  text-align: left !important;
  margin-bottom: 0 !important;
}

/* ECDC remove h1 title in home page*/
#page-site-index #region-main .page-heading h1 {
    display: none !important;
}

/* Catalogue Explore type: Search box border */
.tui-totara_catalog-filterBarExplore__bar {
    outline: 2px solid #ccc; /* light grey border */
    outline-offset: 0;
    background-color: var(--color-background);
    transition: outline-color 0.2s ease; /* smooth transition for outline color */
}
/* Catalogue Explore type: hide the ‘sort by’ options (featured, alphabetical, latest) */
.tui-totara_catalog-sortBar__end {
    display: none !important;
}
/* Hide the "Course" label from the Totara Catalogue card subtitle row.
   WARNING: This targets the first <div> only, so it relies on the Catalogue Page structure staying the same.   If the order of child elements changes, this may hide the wrong content. */
.tui-totara_catalog-itemCard__subtitleRow > div:first-child {
  display: none !important;
}
/* Bold form labels in the filterbar */
legend.tui-formLabel {
  font-weight: bold;
}
/* Catalogue Explore type:  button Reset all - clear all  */
.tui-btn.tui-btn--hasContent, .tui-iconBtn.tui-iconBtn--hasText
{
    color: #538720;
}
/* Catalogue Explore type: Card title green*/
.tui-learningCard__title
{
    color: #538720;
}
/* Catalogue Explore type: Accedited star icon bigger*/
.tui-svgIcon--size-200 {
    font-size: 1.5rem;
}
/* Catalogue Explore type: hero label wrapper, format label*/
.tui-learningCard__heroLabelWrapper{
    background-color: #3e8084;
    border-radius: 0.125rem;
}
/* Catalogue Explore type: progress bar */
.tui-progress__bar
 {
    background-color: #538720;
}

/* Catalogue Explore type: clear search icon color*/
.tui-totara_catalog-searchFilter__clearIcon {
    color: #add184;
}
