.elementor-621 .elementor-element.elementor-element-d898197{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-621 .elementor-element.elementor-element-40d843bf{--display:flex;--background-transition:0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-3d73612 *//* Grid Container */
.custom-courses-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 24px;
}

.menu-bar {
    display: flex;
 justify-content: space-between!important;
}
.menu-bar a {
 text-decoration: none;
    color: #21035b;
    font-family: "Tondo", Sans-serif;
    /* font-size: 30px; */
    font-weight: 700;
    line-height: 40px;
}

/* Individual Course Card */
.custom-course-card {
  background: #ffffff;
  border: 1px solid #e0d4f2;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
}
.custom-course-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Header */
.custom-course-header {
  background-color: #c52460;
  color: #ffffff;
  padding: 16px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* Thumbnail/Image */
.custom-course-thumbnail {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.custom-course-thumbnail img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Footer */
.custom-course-footer {
  padding: 16px;
  text-align: center;
}
.custom-course-meta {
  font-size: 0.9rem;
  color: #777777;
  margin-bottom: 12px;
}

/* Button */
.course_button.full,
.course_button.full.button {
  display: inline-block;
  padding: 8px 20px;
  border: 2px solid #c52460;
  background: transparent;
  color: #c52460;
  border-radius: 24px;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.course_button.full.button:hover {
  background: #c52460;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
.menu-bar {
    gap: 8px!important;
    font-size: 10px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1c251a2 */div.job-applications ul.job-applications li.job-application footer {
    z-index: 999;
}
.job-application .job-application-content h4{
    color: #210978;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40d843bf */#csid .jm-dashboard-rows .jm-dashboard-job {
    background: #f2ede4 !important;
    border: 0px;
    border-radius: 12px;
    height: 120px;
    border: 1px solid #dd0067 !important;
}
#csid .jm-dashboard-job-column small {
    color: #210978;
}
#csid #content .content .jm-dashboard-rows .jm-dashboard-job-column.applications > a{
        background-color: #dd0067!important;
        border: 1px solid #dd0067!important;
    color: #f2ede4!important;
}
#csid .jm-dashboard__actions .jm-ui-button:hover span{
     color: #210978!important;
}
#content .content li, #content .content a, #content .content div, #content .content li:before{
    color: #210978!important;
}
#csid #content .content .jm-dashboard-rows .jm-dashboard-job-column.applications > a:hover{
        background-color: #f2ede4!important;
        border: 1px solid #dd0067!important;
        color: #f2ede4!important;
}
#csid #job-manager-job-dashboard input {
    border: 1px solid #dd0067!important;
    border-radius: 30px!important;
    padding: 10px 15px!important;
}
#csid .content #job-manager-job-dashboard .jm-ui-button{
    
}
#csid .menu-bar li a {
    font-weight: bold;
    color: #f2ede4!important;
    /* border: 1px solid #dd0067 !important; */
}
#csid .menu-bar li a:hover  {
    color: #210978!important;
}

#csid .menu-bar li {
    border: 1px solid #dd0067;
    background: #dd0067!important;
}
#csid .menu-bar li:hover{
     background-color: #f2ede4!important;
         color: #210978!important;
}
#csid .content #job-manager-job-dashboard .jm-ui-button{
        border: 1px solid #dd0067!important;
    background: #dd0067!important;
        border-radius: 30px!important;
            padding: 11px 30px !important;
}
#csid .content #job-manager-job-dashboard .jm-ui-button:hover{
         background-color: #f2ede4!important;
             border: 1px solid #dd0067!important;
}
#csid .jm-ui-button span {
    color: #f2ede4!important;
}
#csid .jm-ui-button span:hover{
    color: #f2ede4;
}
.jm-ui-button--outline span {
    color:#f2ede4!important;
}

/* On hover of <a>, change color of inner <span> */
.jm-ui-button--outline:hover span {
    color: #210978!important; /* Hover text color */
}
.jm-ui-button--outline.job-dashboard-action-mark_filled.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small {
   border: 1px solid #dd0067!important;
    background: #dd0067!important;
        border-radius: 30px!important;
              padding: 6px 20px !important;
}

/* On hover */
.jm-ui-button--outline.job-dashboard-action-mark_filled.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small:hover {
    background-color: #f2ede4!important;
             border: 1px solid #dd0067!important;
}
#csid .jm-ui-action-menu__content{
       background-color: #f2ede4!important;
             border: 1px solid #dd0067!important;
}
#content .field .input-text{
        color: #210978!important;
}
#submit-job-form select{
     color: #210978!important;
         border-radius: 30px!important;
}
#submit-job-form input{
       color: #210978!important;
         border-radius: 30px!important;
}
#csid .jm-ui-button--outline.job-dashboard-action-edit.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small {
    background-color: #dd0067 !important;
    color: #f2ede4 !important;
}
#csid .jm-ui-button--outline.job-dashboard-action-edit.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small:hover {
    background-color: #f2ede4 !important;
    color: #210978 !important;
}
/* Normal state */
.jm-ui-button--outline.job-dashboard-action-relist.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small {
    background-color: #dd0067 !important;
    color: #f2ede4 !important;
    border: none; /* Optional */
    transition: all 0.3s ease;
    border: 1px solid #dd0067 !important;
    border-radius: 30px;
}

/* Hover state */
.jm-ui-button--outline.job-dashboard-action-relist.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small:hover {
    background-color: #f2ede4 !important;
    color: #210978 !important;
}
.job-applications .job-application{
    box-shadow: none;
    border: 1px solid #dd0067;
}
.metafic-jobs-student-list-ping-detail-section .ping-student-with-job, .job-applications input[type="button"], .job-applications input[type="submit"]{
       background-color: #dd0067 !important;
    color: #f2ede4 !important;
    border: none; /* Optional */
    transition: all 0.3s ease;
    border: 1px solid #dd0067 !important;
          padding: 10px 30px !important;
            border-radius: 30px!important;
}
.job-applications input[type="submit"]:hover, .job-applications input[type="button"]:hover{
    background-color: #f2ede4 !important;
    color: #210978 !important;
        padding: 10px 30px !important;
            border-radius: 30px!important;
               border: 1px solid #dd0067 !important;
}
#csid .job-manager-application-edit-form.job-manager-form > p> a{
     background-color: #dd0067 !important;
    color: #f2ede4 !important;
    border: none; /* Optional */
    transition: all 0.3s ease;
    border: 1px solid #dd0067 !important;
          padding: 10px 30px !important;
            border-radius: 30px!important;
}
#csid .job-manager-application-edit-form.job-manager-form > p> a:hover{
     background-color: #f2ede4 !important;
    color: #210978 !important;
        padding: 10px 30px !important;
            border-radius: 30px!important;
               border: 1px solid #dd0067 !important;
}
#content .content .jm-dashboard-rows .jm-dashboard-job-column.applications > a:hover, #content .content .jm-ui-button--outline.job-dashboard-action-edit.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small:hover, #content .content .jm-ui-button--outline.job-dashboard-action-continue.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small:hover{
      background-color: #f2ede4 !important;
    color: #210978 !important;
       border: 1px solid #dd0067 !important;
}
#content .content .jm-ui-button--outline.job-dashboard-action-edit.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small, #content .content .jm-ui-button--outline.job-dashboard-action-continue.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small{
      border: 1px solid #dd0067 !important;
}
/* Default text color for all spans */
.jm-ui-actions-row a span {
    color: #f2ede4!important;  
}

/* Hover text color */
.jm-ui-actions-row a:hover span {
    color: #210978!important;  
}/* End custom CSS */