/* added by GTI - Hides staff signon button?  */

/*
@media (min-width: 992px) {
.romeo .main-banner-outer .main-banner-container .main-banner-brand img {
    padding: 0 1.5rem;
    }
}

*/



/* test added by cgrt sept 2023  */

/* hide logo border etc. */

.romeo .main-banner-outer .main-banner-container .main-banner-brand {
    background-color: transparent;
    border: 0px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
   
}
/* Test site pink headers  */

.page-operator header   .page-brand  {
    background: #ff7070;
    }
    .page-operator header   .page-header  {
    background: #ff7070;
    }

    
.romeo .main-header {
    background: #ff7070;
}
/*login logo transparent bg */


cover .cover-client-content .cover-client-content-logo {
       background: transparent;
   
}



.romeo .main-banner-outer .main-banner-container .main-banner-brand {
 
    background-color: transparent;
  
}

.romeo .ccover-client-content .cover-client-content-logo {
         background-color: transparent;
}

/* Header Banner header hide "Careers Connect" text   */

.romeo .main-banner-outer .main-banner-container .main-banner-txt p {
    color: #fff;
    font-size: 1.9rem;
    font-weight: 500;
    margin: 0;
    visibility: hidden;
    
}

/*

/*banner logo transparent 

.romeo .main-banner-outer .main-banner-container .main-banner-brand {
    display: flex;
    background-color: transparent;
    
}


/*  Hide circular nav buttons   


  .romeo  .brand-client {
        display:none !important;
    }
  .romeo  .dash-cta-deck {
        display:none !important;
    }
   .romeo .dashboard-custom {
        margin-top: 2rem !important;
    }
      .romeo   .dashboard-header {
        display:none !important;
    }
      .romeo  .dashboard-feed {
        margin-top: 0rem !important;
    }
   .romeo .card-body {
        max-height: none !important;
    }



/*  Make home page pane full width  


@media (min-width: 992px)  {
.flex-dash-row {
        flex-direction: column;
 }


.flex-dash-row .flex-dash-col-left{
        flex: 0 0 100%;
        max-width: 100%;
}


.flex-dash-row .flex-dash-col-right {
        flex: 0 0 40%;
        max-width: 100%;
        padding: 15px;
}

}



/*Student pane layout */


    
    
.h1.card-header.dash-card-header {
    display: none;
}

.pane-tile {


    float: left;
    min-height: 1px;
    margin-left: 20px;
    width: 180px;
    height: 220px;
    padding: 0 10px;
    box-sizing: border-box;
    padding-bottom: 8px;
}

.pane-tile-link-img {
    border-bottom:2px;
    border-bottom-color: #cccccc;
    
}


    
    


.pane-main-wrapper {
    padding:1px;
}
.pane-hwrapper {
    padding:5px;
}



.dashboard-content .card h1.dash-card-header {
   display:none;
}


.custom-pane-opportunities a {
    text-decoration: none;
    color: #007bff;
    padding: 10px;
    font-size: 13px;
    transition: color 0.3s ease; 
    white-space: nowrap; 
}


.custom-pane-opportunities a:not(:last-child)::after {
    content: '|'; 
    margin: 0 10px; 
    color: #ccc; 
    font-weight: normal;
}


.custom-pane-opportunities a:hover {
    color: #0056b3; 
}


.custom-pane-opportunities {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; 
    line-height: 1.5; 
}

.dash-card-custom{
   
    background:#fff !important;
}


.dash-card-custom .p-4:has(.custom-card-item){
    padding:0px !important;
    height: 550px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    max-height: unset !important;
    background: transparent;
    box-shadow: none;
}

.custom-card-item .pane-tile-item {
    border: 1px solid #ddd;
    text-align: center;
    padding: 15px;
    transition: transform 0.2s;
    background-color: #f9f9f9;
    cursor: pointer;
    display: flex; /* Enable flexbox */
    flex-direction: column; /* Stack children vertically */
    justify-content: space-between; /* Ensure spacing between elements */
    height: 270px; /* Set a fixed height for consistency */
}

/*.custom-card-item .pane-tile-item:hover {
    transform: scale(1.05); 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
}*/

.custom-card-item .pane-tile-item img {
    border-radius: 8px; /* Rounded corners for images */
    max-width: 100%; /* Ensure the image fits within the card */
}

.custom-card-item h4 {
    color: #34495e; /* Title color */
    font-weight: bold; /* Bold text */
    flex: 1; /* Allow h4 to take up remaining space */
    display: flex;
    align-items: center; /* Center text vertically */
    justify-content: center; /* Center text horizontally */
    margin: 5px 0; /* Optional: margin for spacing */
}



.flex-dash-row .flex-dash-card{
    
    background: transparent;
    box-shadow: none;

}

.page-employeruser .dashboard-header {
    display: none;
}


.employer .card.dash-card-custom .card-body {
    padding: 0;
    max-height:none;
}

.romeo .dashboard-custom.employer .dashboard-feed:first-child {
        margin-top: 0 !important;
    }
    
    .romeo .dashboard-custom.employer{
        margin-top: 2rem !important;
    }
    
   .romeo .dashboard-custom.employer .flex-dash-card{
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0;
    border: 0 solid #eceaea;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    }
    
    
/*---------------------------------------------------------------*/

.dashboard-custom.employer .card-body-content {
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
}

.dashboard-custom.employer .card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);  /* Two columns */
    gap: 20px;  /* Space between items */
    padding:0;
    padding-top:20px;
}

.dashboard-custom.employer .card-item {
    display: flex;
    flex-direction: column;  /* Stack elements vertically */
    align-items: stretch;     /* Stretch to fill width */
    background-color: #fff;
    border: none;             /* Removed border radius for flat design */
    box-shadow: none;         /* Removed box shadow for flat design */
    transition: transform 0.3s ease;
}

.dashboard-custom.employer .card-item:hover {
    transform: scale(1.05);
}

.dashboard-custom.employer .card-link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

.dashboard-custom.employer .card-thumbnail {
    width: 100%;  /* Thumbnail image now takes full width */
    margin-bottom:10px;
}

.dashboard-custom.employer .thumbnail-img {
    width: 100%;  /* Full width of the card */
    height: auto;  /* Adjust height proportionally */
    object-fit: cover;
}

.dashboard-custom.employer .card-content {
    padding: 10px;
}

.dashboard-custom.employer .card-title {
    font-size: 16px;
    font-weight: bold;
    text-align: left; /* Align title text to the left */
}

.dashboard-custom.employer .card-description {
    font-size: 14px;
    color: #555;
    text-align: left; /* Align description text to the left */
    margin-top: 5px;  /* Space between title and description */
}

.card .card-body{
 background:#fff;   
}
}


/* ---------------------------------------------------- */