*/
#inst4273 ul.list li.dashboard .name a {
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
padding:8px 18px !important;
border-radius:20px !important;
background:#fff !important;
border:1px solid #d1d5d8 !important;
font-size:14px !important;
font-weight:600 !important;
color:#333 !important;
text-decoration:none !important;
white-space:nowrap !important;
}
/* Active pill (no icon) */
#inst4273 ul.list li.dashboard .name.active {
display:inline-flex !important;
align-items:center !important;
padding:8px 18px !important;
border-radius:20px !important;
background:#fff !important;
border:2px solid var(--ecdc-green) !important;
color:var(--ecdc-green) !important;
font-size:16px !important;
font-weight:700 !important;
box-shadow:0 0 12px rgba(79,132,26,0.35) !important;
}
/* Remove icon for active */
#inst4273 ul.list li.dashboard .name.active::before {
content:none !important;
display:none !important;
}
/* END: Switch view */
/* 3. USER TOOLBAR (PRIMARY) — bigger logo, aligned burger, no overlap */
.userToolbar_prim{
background-color:#F5F6F8!important;
position:relative;
height:82px!important;
overflow:visible;
}
.theme_uplearning__navPlaceholder{
position:absolute!important;
left:16px;
top:0;
height:100%;
display:flex!important;
align-items:center!important;
z-index:60;
}
.theme_uplearning__navPlaceholder button,
.theme_uplearning__navPlaceholder [role="button"]{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
line-height:1;
border-radius:6px;
}
.userToolbar_prim::before{
content:"";
position:absolute;
top:50%;
left:76px;
transform:translateY(-50%);
width:clamp(240px,37vw,456px);
height:70px;
/*** BACKGROUND IMG. ECDC LOGO URL HERE ***/
background-image:url("https://learning.ecdc.europa.eu/pluginfile.php/1/totara_core/logo/13732/Logo%20ECDC%20Learning%20Portal-v1013ffhsun.png");
background-repeat:no-repeat;
background-size:contain;
background-position:left center;
z-index:1;
pointer-events:none;
}
.tui-theme_uplearning-navigation__heading img {
display: none !important;
}
.totara-nav-open .userToolbar_prim::before{
left:240px;
}
.userToolbar_prim--side{
position:absolute;
right:0;
top:0;
height:100%;
display:flex!important;
align-items:center;
gap:14px;
padding-right:16px;
padding-left:16px;
white-space:nowrap;
width:auto!important;
max-width:calc(100% - 540px);
}
.userToolbar_prim--side *{
white-space:nowrap!important;
max-width:none!important;
}
.userToolbar_prim .usermenu{
display:flex;
align-items:center;
}
.userToolbar_prim .usermenu .login{
white-space:nowrap!important;
}
@media(max-width:768px){
.userToolbar_prim{
height:64px!important;
}
.userToolbar_prim::before{
left:58px;
width:clamp(180px,40vw,280px);
height:46px;
}
.userToolbar_prim--side{
max-width:calc(100% - 300px);
}
.userToolbar_prim .usermenu .login{
font-size:0;
}
.userToolbar_prim .usermenu .login a{
font-size:0.85rem!important;
padding:4px 12px;
background:#4f841a;
border-radius:12px;
color:#fff!important;
display:inline-block;
}
}
/* END of 4. */
/* ------------------------------------------------------------
5. Featured Links block inst5778 – compact admin tiles
------------------------------------------------------------ */
#inst5778 .block-totara-featured-links-layout {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-bottom: 6px !important;
}
#inst5778 .block-totara-featured-links-tile-small {
width: 105px !important;
height: 95px !important;
min-width: unset !important;
min-height: unset !important;
position: relative !important;
overflow: hidden !important;
border-radius: 10px !important;
padding: 0 !important;
background-image: none !important;
box-sizing: border-box !important;
transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
#inst5778 .block-totara-featured-links-tile-small:hover {
box-shadow: 0 4px 14px rgba(79, 132, 26, 0.22) !important;
transform: translateY(-2px) !important;
}
#inst5778 .block-totara-featured-links-tile-small::before,
#inst5778 .block-totara-featured-links-tile-small::after {
display: none !important;
content: none !important;
}
#inst5778 .block-totara-featured-links-content-top,
#inst5778 .block-totara-featured-links-content-bottom,
#inst5778 .block-totara-featured-links-content-middle {
background: none !important;
background-image: none !important;
background-color: transparent !important;
padding: 0 !important;
margin: 0 !important;
}
#inst5778 .block-totara-featured-links-icon,
#inst5778 .block-totara-featured-links-icon-medium,
#inst5778 .block-totara-featured-links-icon-large {
position: absolute !important;
top: 10px !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 52px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
#inst5778 .block-totara-featured-links-icon span.flex-icon {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) scale(0.55) !important;
transform-origin: center center !important;
color: #4f841a !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
#inst5778 .block-totara-featured-links-content-container {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 34px !important;
padding: 0 5px !important;
margin: 0 !important;
z-index: 2 !important;
text-align: center !important;
background: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#inst5778 .block-totara-featured-links-content {
padding: 0 !important;
margin: 0 !important;
background: none !important;
width: 100% !important;
}
#inst5778 .content-header-info {
background: none !important;
padding: 0 !important;
margin: 0 !important;
}
#inst5778 .block-totara-featured-links-content h3 {
font-size: 0.58rem !important;
line-height: 1.2 !important;
color: #333 !important;
margin: 0 !important;
padding: 0 !important;
word-break: break-word !important;
white-space: normal !important;
text-shadow: none !important;
background: none !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
#inst5778 .tile-description {
display: none !important;
}
#inst5778 .block-totara-featured-links-flex-filler {
width: 105px !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
background: none !important;
}
/* END: Featured Links block inst5778
------------------------------------------------------------ */
/* ------------------------------------------------------------
6. Login button styling – converts “Log in” link into ECDC button
------------------------------------------------------------ */
.userToolbar_prim--side .usermenu .login a {
background-color: #4f841a !important;
color: #ffffff !important;
font-family: Tahoma, sans-serif !important;
font-weight: bold;
text-decoration: none !important;
padding: 4px 14px;
border-radius: 4px;
display: inline-block;
border: none;
transition: background-color 0.15s ease-in-out;
}
.userToolbar_prim--side .usermenu .login a:hover,
.userToolbar_prim--side .usermenu .login a:focus {
background-color: #3b6015 !important;
color: #ffffff !important;
}
/* END: Login button styling
------------------------------------------------------------ */
/* ------------------------------------------------------------
7. Left nav logo – larger and left-aligned within nav column
------------------------------------------------------------ */
.tui-theme_uplearning-navigation__heading .tui-theme_uplearning-navigation__headingLogo {
display: block;
width: 100%;
max-width: clamp(180px, 92%, 300px);
height: auto;
object-fit: contain;
object-position: left;
margin: 8px 0;
image-rendering: auto;
}
.tui-theme_uplearning-navigation__heading {
padding-inline: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.tui-theme_uplearning-navigation--desktopExpanded
.tui-theme_uplearning-navigation__heading .tui-theme_uplearning-navigation__headingLogo {
max-width: clamp(200px, 95%, 320px);
margin: 10px 0;
}
@media (max-width: 768px) {
.tui-theme_uplearning-navigation__heading .tui-theme_uplearning-navigation__headingLogo {
max-width: clamp(160px, 90%, 260px);
margin: 8px 0;
}
}
/* END: Left nav logo – larger and left-aligned within nav column
------------------------------------------------------------ */
/* ------------------------------------------------------------
8. ECDC identity lines for header and footer
------------------------------------------------------------ */
body .userToolbar {
border-bottom: 4px solid #7cbdc1;
}
body #page-footer {
border-top: 3px solid #7cbdc1;
padding-top: 16px;
}
/* END: ECDC identity lines for header and footer
------------------------------------------------------------ */
/* ------------------------------------------------------------
9. ECDC CUSTOM CSS PORT from v19
------------------------------------------------------------ */
/* 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;
}
/* Updated font color for buttons with content and icon buttons with text
in Pathway format pages to ensure consistent visibility and contrast */
.tui-btn.tui-btn--hasContent,
.tui-iconBtn.tui-iconBtn--hasText {
color: #fff !important;
}
/* 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*/
/***** #id_moodle_picture, ****/
body#page-user-edit #fitem_id_description_editor,
body#page-user-edit #id_moodle_additional_names,
body#page-user-edit #id_moodle_interests,
body#page-user-edit #id_moodle_optional,
body#page-user-edit #id_profile_field_Linkedin,
body#page-user-edit #id_profile_field_MobilePhone,
body#page-user-edit #id_profile_field_OfficePhone,
body#page-user-edit #id_profile_field_Address,
body#page-user-edit #id_profile_field_AddressLine2,
body#page-user-edit #id_profile_field_PostalCode,
body#page-user-edit #id_profile_field_City {
display: none !important;
}
/**** admins view ****/
body#page-user-editadvanced #fitem_id_moodle_additional_names,
body#page-user-editadvanced #fitem_id_moodle_interests,
body#page-user-editadvanced #fitem_id_moodle_optional,
body#page-user-editadvanced #fitem_id_profile_field_Linkedin,
body#page-user-editadvanced #fitem_id_profile_field_MobilePhone,
body#page-user-editadvanced #fitem_id_profile_field_OfficePhone,
body#page-user-editadvanced #fitem_id_profile_field_Address,
body#page-user-editadvanced #fitem_id_profile_field_AddressLine2,
body#page-user-editadvanced #fitem_id_profile_field_PostalCode,
body#page-user-editadvanced #fitem_id_profile_field_City,
body#page-user-edit #fitem_id_city,
body#page-user-edit #fitem_id_country,
body#page-user-editadvanced #id_moodle_additional_names,
body#page-user-editadvanced #id_moodle_interests,
body#page-user-editadvanced #id_moodle_optional,
body#page-user-editadvanced #fid_profile_field_Linkedin,
body#page-user-editadvanced #id_profile_field_MobilePhone,
body#page-user-editadvanced #id_profile_field_OfficePhone,
body#page-user-editadvanced #id_profile_field_Address,
body#page-user-editadvanced #id_profile_field_AddressLine2,
body#page-user-editadvanced #id_profile_field_PostalCode,
body#page-user-editadvanced #id_category_3,
body#page-user-editadvanced #id_category_5,
body#page-user-editadvanced #id_category_6,
body#page-user-editadvanced #fitem_id_city,
body#page-user-editadvanced #fitem_id_country
{
display: none !important;
}
/***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 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;
}
/*** improve contrastr in
menu item on pathway course format */
.tui-format_pathway-activityFooter, .tui-btn.tui-btn--hasContent, .tui-iconBtn.tui-iconBtn--hasText {
color: #444 !important;
}
/* ------------------------------------------------------------
10. Navigation toggle
------------------------------------------------------------ */
/* Base toggle: always visible background */
.tui-theme_uplearning-navigation__toggle {
background-color: #eef1f3 !important;
border: none !important;
box-shadow: none !important;
width: 36px !important;
height: 36px !important;
border-radius: 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin-left: 6px !important;
margin-right: 12px !important;
}
/* Force visibility when nav is expanded */
.tui-theme_uplearning-navigation__toggle--navExpanded,
.tui-theme_uplearning-navigation__toggle--navExpanded .tui-btn__content,
.tui-theme_uplearning-navigation__toggle--navExpanded .tui-btn__content svg {
opacity: 1 !important;
visibility: visible !important;
}
/* Icon color (idle, hover, active) */
.tui-theme_uplearning-navigation__toggle .tui-btn__content svg {
color: #1e5a6b !important;
fill: #1e5a6b !important;
stroke: #1e5a6b !important;
}
/* Prevent color change on hover / active / focus */
.tui-theme_uplearning-navigation__toggle:hover,
.tui-theme_uplearning-navigation__toggle:active,
.tui-theme_uplearning-navigation__toggle:focus,
.tui-theme_uplearning-navigation__toggle[aria-expanded="true"] {
background-color: #eef1f3 !important;
}
/* Desktop: hide hamburger */
@media (min-width: 769px) {
.tui-theme_uplearning-navigation__toggle--overlay {
display: none !important;
}
}
/* Mobile: hide expand arrow */
@media (max-width: 768px) {
.tui-theme_uplearning-navigation__toggle--expand {
display: none !important;
}
}
/* Disable auto-close overlay in collapsed desktop nav */
body.totara-nav-collapsed .totaraNavOverlay {
pointer-events: none !important;
}
/* END: Block 10 */
/* ------------------------------------------------------------
11. L&D dashboard – Programme module blocks
------------------------------------------------------------ */
.ld-dashboard-feature-module {
margin-top: 2.5rem;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.ld-dashboard-feature-module .header.block-header {
background-color: #f6fbf3;
border-left: 6px solid #f6fbf3;
padding: 16px 20px 8px;
}
.ld-dashboard-feature-module .header.block-header h2,
.ld-dashboard-feature-module .header.block-header h3 {
margin: 0 0 6px 12px;
font-size: 1.35rem;
font-weight: 600;
color: #0b5f2a;
}
.ld-dashboard-feature-module .content.block-content {
background-color: #f6fbf3;
border-left: 6px solid #f6fbf3;
border-bottom: 6px solid #f6fbf3;
}
/* END: Block 11 */
/* ------------------------------------------------------------
12. Fellowship IPR Tool
------------------------------------------------------------ */
#dp-plans-list-active-plans thead tr th:nth-child(3),
#dp-plans-list-active-plans tbody tr td:nth-child(3) {
display: none;
}
span.flex-icon.ft-fw.ft.tfont-var-star-fill {
display: none;
}
/* END: Block 12 */
/* ------------------------------------------------------------
13. Latest announcements forum on All users Dashboard
------------------------------------------------------------ */
#inst7852 .content ul.unlist li.post:nth-of-type(n+3) {
display: none;
}
#inst7852 ul.unlist li.post:nth-child(-n+2) {
background: #f5f9ff;
border-left: 3px solid #2a7de1;
padding: 10px;
border-radius: 6px;
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
transition: all 0.2s ease;
}
#inst7852 ul.unlist li.post:nth-child(-n+2):hover {
background: #eef5ff;
box-shadow: 0 3px 6px rgba(0,0,0,0.12);
transform: translateY(-1px);
}
#inst7852 ul.unlist li.post:nth-child(-n+2) .info a {
font-weight: 600;
}
#inst7852 ul.unlist {
display: flex;
flex-direction: column;
gap: 8px;
}
#inst7852 ul.unlist li.post:nth-child(-n+2) .info a {
display: block;
text-decoration: none;
}
#inst7852 ul.unlist li.post:nth-child(-n+2) {
position: relative;
padding-right: 10px
}
#inst7852 ul.unlist li.post:nth-child(-n+2)::after{
content: "New";
font-size: 10px;
font-weight: 600;
color: #ffffff;
background: rgba(79, 143, 47, 0.75);
padding: 2px 6px;
border-radius: 10px;
position: absolute;
bottom: 2px;
right: 10px;
}
#inst7852 .info a {
line-height: 1.35;
}
#inst7852 .head {
margin-top: 4px;
font-size: 13px;
opacity: 0.75;
}
#inst7852 {
border: 3px solid #e3eefc;
box-shadow: 0 2px 8px rgba(42,125,225,0.08);
}
#inst7852 .post .head {
display: none;
}
/* END: Block 13 */
/* ------------------------------------------------------------
14. Improve contrast on Totara primary buttons
------------------------------------------------------------ */
.tui-btn--variant-primary,
.tui-btn--variant-primary:hover,
.tui-btn--variant-primary:focus,
.tui-btn--variant-primary:active {
color: #fff !important;
}
.tui-btn--variant-primary .tui-btn__content,
.tui-btn--variant-primary:hover .tui-btn__content,
.tui-btn--variant-primary:focus .tui-btn__content,
.tui-btn--variant-primary:active .tui-btn__content {
color: #fff !important;
}
/* END: Block 14*/
/* ------------------------------------------------------------
15. Add message to evidence upload page
------------------------------------------------------------ */
body#page-totara-evidence-create .tw-evidence__header::after {
/* The note text. CSS content only supports plain text — no clickable
links possible here (that would require a small JS snippet instead). */
content: "Remember that your Personal Files area of the Learning Portal does not support folders, therefore suggest you adopt a naming convention to name your records with clear names so that you can easily retrieve them once our portfolio of evidence grows. Once linked, evidence items can't be changed, meaning they can't be renamed. When uploading your work to the Learning Portal, please make sure you use the correct template from the annexes to the ECDC Fellowship Programme Manual.";
/* Force it onto its own full-width row, below the title, rather than
being treated as inline text appended to the header. */
display: block;
width: 100%;
box-sizing: border-box;
/* Give it some breathing room from the title above and the
Evidence name field below. */
margin-top: 20px;
margin-bottom: 8px;
/* Readable paragraph styling: slightly larger than before now that
it spans the full width, so it doesn't look like an afterthought. */
font-weight: 400;
font-size: 0.9rem;
line-height: 1.5;
color: #2c5f80;
/* Light cyan background tint, from the approved schematic color set —
used as a page-wide "info strip" rather than a small tucked-away box. */
background-color: #bff1f2;
/* Accent border, matching the blue used elsewhere on this page
(the fellowship/domain group headings). */
border-left: 4px solid #1a6296;
/* Padding so the text doesn't touch the box edges. */
padding: 14px 20px;
}
/* END: Block 15*/