.romeo .main-banner-txt { 
    display:none
}

/** added by GTI/Ang - styling for custom panes **/

.romeo .custom-content .cp-special {
    margin:-19px;
}
.romeo .custom-content .cp-special-image {
    background-repeat: no-repeat;
    background-size: 115px auto;
    width:150px;
    background-position:right -11px;
}
.romeo .custom-content .cp-special-image.cp-special-image-events {
    background-image: url(http://images1.groupgti.com/targetconnect/2020/cardiff/custompane-events.png);
}
.romeo .custom-content .cp-special-image.cp-special-image-jobs {
    background-image: url(http://images1.groupgti.com/targetconnect/2020/cardiff/custompane-jobs.png);
}
.romeo .custom-content .cp-special-image.cp-special-image-appointments {
    background-image: url(http://images1.groupgti.com/targetconnect/2020/cardiff/custompane-appointments.png);
}



/**added by GTI/Ang - hiding pathways descriptions on preview mode.  Very hacky, I know :( **/
.romeo #pw-preview-activities ul.list-unstyled ul.list-unstyled .width-100 > div:nth-of-type(1) {
    display:none;
}
#pw-preview #pw-preview-details #pw-preview-image { 
    background-size: contain;
    }
@media (min-width: 992px) {
    #pw-preview #pw-preview-details #pw-preview-image { /* moving the image to the right */
        background-position: right;
        background-size: auto;
    }
}


/* GTI/AB 14-5-21 studen custom pane */
    @keyframes slidy {
        0% { left: 0%; }
        14% { left: 0%; }
        25% { left: -100%; }
        38% { left: -200%; }
        55% { left: -200%; }
        80% { left: -100%; }
        100% { left: 0%; }
    }

    .page-student .dash-card-custom .card-body .slider { 
        overflow: hidden; 
        max-height: 24rem;
    }
    .page-student .dash-card-custom .card-body .slider figure img { width: 33.33%; float: left; }
    .page-student .dash-card-custom .card-body .slider figure { 
        position: relative;
        width: 300%;
        margin: 0;
        left: 0;
        text-align: left;
        font-size: 0;
        animation: 70s slidy infinite; 
    }

    @media (min-width: 992px) {
        .romeo .main-banner-outer .main-banner-container {
            opacity: 100;
        }
    }
    
    
/* GTI/AB 14-5-21 opportunity custom pane tweaks */
.custom-opportunities-text {
  font-weight: 400;
  line-height: 1.7rem;
}

@media (max-width: 991px) {
.romeo .custom-content .cp-special-image {
  display: none;
}
}

@media (min-width: 992px) {
.flex-dash-row .dash-card-custom .card-body {
    max-height: 480px;
    }
}

/* GTI/Graeme 07-08-23 Employer custom pane for ticket #523831*/

    .page-employeruser .dash-card-custom .card-body .slider { 
        overflow: hidden; 
        max-height: 24rem;
    }
    .page-employeruser .dash-card-custom .card-body .slider figure img { width: 33.33%; float: left; }
    .page-employeruser .dash-card-custom .card-body .slider figure { 
        position: relative;
        width: 300%;
        margin: 0;
        left: 0;
        text-align: left;
        font-size: 0;
        animation: 70s slidy infinite; 
    }
    
    
/************************
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) {
    .page-operator header .page-header .header-links .user-details>a, 
    .page-operator header .page-header .header-links .user-details>a .fa-user-circle,
    .page-operator header .page-header .header-links .beamer_button .fa-stack i    {
        color: #fff;
        }
    }
/************************
END - GTI - OPERATOR UI 
*************************/


/* Custom CSS for changing the tone of red on default Employer custom pane. Added by Kunal 20/08/2024 (#597642) */
.dashboard-content .employer-default-custom-content h1.card-header::after {
    background-color: #e4251b;
}

.dashboard-content .employer-default-custom-content ul li::before {
    color: #e4251b;
}


/* Staff Custom Pane Banner Slider */
.dash-card-custom .card-body .slider {
	overflow: hidden;
	max-height: 24rem;
	}
.dash-card-custom .card-body .slider figure img {
	width: 33.33%;
	float:left;
	}
.dash-card-custom .card-body .slider figure {
	position:relative;
	width:300%;
	margin:0;
	left:0;
	text-align:left;
	font-size:0;
	animation:70s slidy infinite;
	}
	
/* Increase maximum size of Custom pane on student/user/graduate/emplooyer login page. Added by GTI/Graeme */
@media (min-width: 992px) {
	.flex-dash-row .dash-card-custom .card-body {
		/** changing the height of the custom pane body **/
		max-height:930px;
	}
}

.custom-content-block {
margin-bottom: 1em;
}