/************************
GTI - OPERATOR UI 
*************************/
.page-operator header .page-brand {
    background: #17191C;
    }
.page-operator header .navbar-toggler {
    color:#fff;
    }
.page-operator header .navbar-toggler:hover, .page-operator header .navbar-toggler:active, .page-operator header .navbar-toggler:focus {
    color:#ffffff6b;
    }
@media (max-width: 992px) {
    header .page-header .header-links .user-details>a, 
    header .page-header .header-links .user-details>a .fa-user-circle,
    header .page-header .header-links .beamer_button .fa-stack i    {
        color: #fff;
        }
    }
/************************
END - GTI - OPERATOR UI 
*************************/


/** added by phil for custom homepage **/

span.fal.fa-envelope.text-10x::before {
  content: "\f16d" !important; /* Instagram */
  font-family: "Font Awesome 5 Brands" !important;
}

/*added by Phil to change template colours
You need to upload a new site banner in the desired colour to change the header background

/* Main banner text
.romeo .main-banner-outer .main-banner-container .main-banner-txt p {
  color: #39033b;
  background-color: #fce700;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 420px;
  font-size: 2.5rem;
  text-align: right;
} */

.romeo .main-banner-outer .main-banner-container .main-banner-txt p {
    display: none;
}

.dash-cta-deck .dash-cta-link .dash-cta-icon {
    color: #fce700;
}


.dash-cta-deck .dash-cta-link:after {
    background-color: #39033b;
}


.romeo .text-primary {
color: #39033b !important;
}

.dash-cta-deck .dash-cta-link .dash-cta-title {
    color: #39033b;
}

.dash-feed {
     color: #39033b;
}

.dash-feed a.feed-link-more strong {
    color: #39033b;
}



/*cutom CSS added by Phil for employer login page*/

._chilli .row .col-md-4:first-child .card-header._chilli-pricingcard__header {
    background-color: #39033b !important;
}



/***** CUSTOM PANE CSS, added by GTI / Angela *****/
.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header {
	display:none;
	}
@media (min-width: 992px) {
	.romeo .flex-dash-row .dash-card-custom .card-body {
		max-height: fit-content;
		}
	}
	
.span.mr-3.flex-shrink-0.bg-primary.p-2 {
    background-color: #39033b;
}




/***** CUSTOM PANE CSS END *****/