/* Variables */

:root {
    --bfa-orange: #f2695c;
    --bfa-beige: #f2f0e4;
    --bfa-red: #f2294e;
    --bfa-yellow: #F0BF48;
    --plum:#9e394b;
    --ink:#231f20;
    --background:#f2f0e4;

    --purple: #f2294e;
    --light-purple: #f2695c;
    --green: #bbb8a3;
    --light-green: #34B78F;
}

html {
    background: var(--background)!important;
}

.wrapper {
    background: var(--background);
}

body {
    font-family: sofia-pro, sans-serif;
    font-size: 17px;
    background: var(--background);
    height: 100%;
    color: var(--ink);
}

h1, h2, h3, h4, h5 {
    font-family: sofia-pro, sans-serif;
    color: var(--ink);
}

.flex-container.fc-4 > div p,
.elearning.course-info-tile p,
.practical.course-info-tile p,
.learner-home .qualification-details .tln .label {
    color:#FFFFFF!important;
}

.learner-info-data.section .header svg path {
    fill:#F2294E !important;
}

.qualification-details .tln .label,
.learner-home .section .header .course-title h3 {
    color: var(--ink)!important;
}

.portal_list th {
    background-color: #419366;
}

.filter_container button.active_filter {
    background: #419366;
}

.client-portal .page-name {
    width: 35%;
}

.fullscreen > h2 {
    background: #282957;
}

.account-info > div.account-header {
    background: #e8254b;
}

.section.details-section h3 {
    background: #e8254b;
}

.section.details-section button {
    background: #e8254b;
}

a.client-link,
a.client-link:visited {
    background: #e8254b;
}

a.client-link:hover,
a.client-link:visited:hover {
    background: #282957;
}

.dashboard-content h2,
.section-tiles .group > h2 {
    color: #282957;
}

.popup > div > h2,
.pages-header h4,
.section-content-col h2, 
.section-content-col h3.pseudo-h2,
.elearn-pages .pages-header h2,
p {
    color:var(--ink)!important;
}

.contact-tile.ct-blue {
    background: #282957;
}

.popup a.btn {
    background:var(--ink);
}

.popup a.btn:hover {
    background:var(--bfa-red);
}

a,
a:visited {
    color: #282957;
}

a.section-link,
a.section-link:visited {
    color: #282957;
    border-color: #282957;
}

a.section-link:hover,
a.section-link:visited:hover {
    background: #282957;
    color: #ffffff;
}

.contact-tile .email a {
    color: #e8254b;
}

.user-header {
    background: linear-gradient(90deg, #282957 0%, #e8254b 100%);
}

.user-header .logout {
    border: 1px solid #e8254b;
    background: #e8254b;
}

.user-header .logout:hover {
    background: #282957;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

ul.tabs li.active a {
    background: #e8254b;
}

ul.tabs {
    border-bottom-color: #e8254b;
}

.summary .balance b {
    background: #282957;
}

ul.tabs li.active a:after {
    background: #e8254b;
}

.search .filters button.active {
    background: #e8254b;
}

.section-tiles .group > h2 {
    color: #282957 !important;
}

.waiter:before {
    color: #282957;
    border-color: #282957;
}

.course-details table.search thead tr {
    background: #282957;
}


.portal-ui nav i, 
.portal-ui nav a i,
.course-footer {
    color: var(--ink)!important;
}

.portal-ui nav a:hover,
.portal-ui nav a:hover i,
.portal-ui nav li:hover,
.portal-ui nav li:hover i {
    color: var(--bfa-red)!important;
}

.pages-footer {
    background: var(--bfa-red)!important;
}

.readonly {
    color: #282957;
}

.client-portal .fullscreen .row .section > h2 {
    color: #282957;
}

.row .section .group.actions button {
    background: #e8254b;
}

.row .section .group.warnings {
    background: #ff003e
}

table.search thead tr {
    background: #282957;
}

.client-portal button {
    background: #e8254b;
}

.client-portal button:hover {
    background: #282957;
}

.summary .balance b {
    background: #282957;
}


.client-portal > .header {
    background: #f2f0e4
}

.client-portal .logo > * {
    height: 62px
}

/* 
    Learner PortaL
*/

.fancybox-button.fancybox-button--close,
.learner-account-section-page .section,
.section.practical-info .qualification.current {
    background:var(--bfa-red);
}

.fancybox-button:focus, .fancybox-button:hover {
    background:#000000;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}

.learner-account .col div.section {
    background: #f17b7024;
    border-radius: 12px;
    padding: 1rem;
}

.popup.prerequisites-popup > div,
.learner-account-section-page, 
.learner-account-section-page h1, 
.learner-account-section-page p {
    color: #232323;
}

.portal-content .link-button.white, .portal-content button.white {
    background: #FFFFFF;
    color: #232323;
    font-weight: 600;
}

.portal-content .link-button,
.course-info-tiles .elearning,
.learner-account .col .learner-help.section {
    color:#FFFFFF;
    background: var(--bfa-red); 
}

.course-info-tiles .practical {
    background: var(--plum);
}

.portal-content .link-button:hover, .portal-content button:hover, .portal-content .link-button.white:hover, .portal-content button.white:hover {
    background: #232323;
    color: #FFFFFF;
}

.popup > div {
    background: #f2f0e4;
    color: #232323;
}

.close-popup svg {
    fill: var(--bfa-red);
}

.close-popup:hover svg {
    fill: #232323;
}