@import url('templedit.css');
header.header.white-bg {
    background-color: #29295D !important;
}
strong {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-top: -10px;
    display: inline-block;
}
.c-button {
    color: #FFE800;
}

/* Default: white for profile icon */
img[src*="icon--profile.svg"] {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

/* icon profile Hover: simulate yellow */
img[src*="icon--profile.svg"]:hover {
  filter: sepia(100%) saturate(600%) brightness(1.1) hue-rotate(5deg);
}
header.header .row-fluid .navbar-collapse li.active > a#_MYCOURSES {
  font-weight: 700 !important;
  text-shadow: none !important;
}
/* Force logo size */
.navbar-brand img, .logo img {
    max-height: none !important;
    height: 100px !important;
    width: auto !important;
}

/* Enlarge logo on login page */
.left_logo {
    height: 140px !important;
    width: auto !important;
    max-height: none !important;
    display: block;
    margin: 20px auto !important; /* center it */
}
/* Resize and gently center the logo */
.navbar-brand img,
.logo img {
    height: 100px !important;
    width: auto !important;
    display: block;
    margin: 0 auto !important; /* center horizontally */
    padding-top: 10px; /* push down slightly */
}

/* Optional: Control the navbar-brand container if needed */
.navbar-brand {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.container-fluid {
  background-image: url('https://i.postimg.cc/bw4VV597/3-CUORE-Background-image-5760x3840.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh; /* make sure container is tall enough */
}
/* Step 1: Make the parent filterBar fully transparent */
.filterBar {
    background-color: transparent !important;
}

.filterBar__legacyContainer {
    background-color: transparent !important;
    border: none !important;                  /* Removes all borders */
    border-radius: 10px !important;           /* Keeps rounded edges, if needed */
    padding: 12px !important;
    box-shadow: none !important;              /* Removes any shadow "border" effect */
}
#course_search_filter_set1:hover,
#course_search_filter_reset:hover,
.filterBar__buttonLink:hover {
    background-color: var(--color-wrapper-text-50) !important; /* keep background same */
    color: var(white) !important;               /* keep text color same */
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    cursor: default; /* optional: show normal cursor on hover */
    transition: none !important; /* disable transition on hover */
}
#container {
  background-color: transparent !important;
}
.user-panel .container-fluid .row:first-child a span {
    width: auto;
    font-family: "Open-sans", Arial;
    color: #29295D; /* Dark blue */
    line-height: 32px;
    font-size: 12px;
    text-transform: uppercase;
}
.filterBar.forma-quick-search-form {
    border-bottom: 1px solid transparent;
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle .filter-option {
    color: #29295D; /* Dark blue */
    font-size: 14px;
}
.forma-quick-search-form .bootstrap-select .dropdown-menu li > a .glyphicon.glyphicon-ok.check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 0 !important;
    padding-top: 1px;
    border: 1px solid var(--color-grey);
    border-radius: 5px;
    text-align: center;
    position: absolute;
    right: 20px !important;
    top: 0;
    color: #29295D; /* Dark blue */
}
.filterBar__button.selected .filterBar__buttonLink {
    border: none;
    background-color: transparent !important;
}
li.js-label-menu-filter.filterBar__button a.filterBar__buttonLink {
    background-color: transparent !important;
    color: #29295D !important; /* Optional: set text color to dark blue */
}

li.js-label-menu-filter.filterBar__button a.filterBar__buttonLink:hover,
li.js-label-menu-filter.filterBar__button:hover,
li.js-label-menu-filter.filterBar__button:focus {
    background-color: transparent !important;
    color: #29295D!important; /* Keep it same on hover */
    box-shadow: none !important;
    outline: none !important;
}
/* Keep white background, dark blue text, and remove hover background */
.btn-default,
.btn-default:focus,
.btn-default:hover,
.btn.dropdown-toggle,
.btn.dropdown-toggle:focus,
.btn.dropdown-toggle:hover {
    color: #29295D !important;           /* Dark blue text */
    background-color: #ffffff !important; /* White background */
    border-color: #ccc;                  /* Optional: light border */
    box-shadow: none !important;
}

/* Selected item text inside the dropdown */
.filter-option {
    color:#29295D !important;
}

/* Dropdown menu items: dark blue text, white background */
.dropdown-menu > li > a {
    color: #29295D !important;
    background-color: #ffffff !important;
}

/* Remove hover background, keep text dark blue */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #29295D !important;
    background-color: #ffffff !important;
}
.homepage__row.homepage__row--header {
    background-color: #29295D !important;
}

.homepage__row--login.homepage__row--gray ~ .homepage__row {
    background-color: #29295D !important;
}
#change_language {
    color: #FFE800 !important;
}
.layout_footer {
    background-color: #29295D !important;
}
header.header .row-fluid .navbar-collapse li a {
    height: 14px;
    padding: 0;
    color: #FFE800; /* client color */
    transition: color .2s ease 0s;
    line-height: 1;
}
.layout_footer .powered_by .ownedby {
    font-size: 14px;
    color: wheat;
}

.homecatalogue__row.homecatalogue__row--content {
    background-image: url('https://i.postimg.cc/bw4VV597/3-CUORE-Background-image-5760x3840.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.homecatalogue__row.homecatalogue__row--header {
    background-color: #29295D;
}

.homepage__row p {
    font-size: 12px !important;
    color: wheat !important;
    width: 100% !important;
}

.homepage__footer a {
    color: wheat !important;
    padding: .3rem;
}

.homecatalogue__row--header {
    display: flex !important;
    justify-content: flex-start !important;  /* aligns children to the left */
    align-items: center;                     /* vertically center if needed */
}

.homecatalogue_logo {
    height: 30px;
    display: inline-block;
    margin: 0;
}

.course-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    min-height: 305px;
    margin-bottom: 25px;
    border-radius: 12px; /* rounded corners */
    font-family: "Open Sans", Arial, sans-serif;
    overflow: hidden;
    border: 2px solid #FFE800; 
    transition: box-shadow 0.3s ease 0s;
    cursor: default;
}
.course-box__title {
    padding: 10px 3px 3px 9px;
    height: 54px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: bold;
    color: white;  /* title text color */
}

.homecatalogue__content .course-box {
    border-radius: 12px !important;
    border: 2px solid #FFE800 !important;
}

.homecatalogue__content .course-box__title {
    color: white !important;
} 


.section-coourse__title {
    padding-top: 30px !important;
    color: #29295D !important; 
    font-weight: bold !important;
}
.course-box__description {
    padding: 0 9px 0 9px;
    color: #ffffff !important; /* White text */
    font-size: 12px;
    line-height: 1.3em;
    overflow: hidden;
    height: 48px;
}