
/* Custom styling dynamically generated by WordPress */


    #psp-projects #psp-phases .psp-phase h3,
    #psp-projects .psp-phase h3,
    #psp-projects .psp-task-list li em.status,
    #psp-projects p.psp-progress span, #psp-projects .psp-progress span,
    #psp-projects ul.psp-milestones li.completed span {
        background: #2b6675 !important;
        color: #FFFFFF !important;
    }

    #psp-projects .psp-accent-color-1 {
        color: #2b6675    }


    #psp-projects #psp-phases .psp-phase.color-teal h3,
    #psp-projects .psp-phase.color-teal h3,
    #psp-projects .color-teal .psp-task-list li em.status,
    #psp-projects .psp-table-header,
    #psp-projects .psp-box-title,
    #psp-projects .psp-section-nav a.active::after,
    #psp-projects #psp-login h2,
    #psp-projects .psp-table th {
        background: #418ead !important;
        color: #FFFFFF !important;
    }

    #psp-projects .psp-projects-overview .psp-dw-types {
        color: #418ead !important;
    }

    #psp-projects .psp-task-project-wrapper .psp-task-breakdown strong {
        color: #418ead !important;
    }

    #psp-projects .psp-ali-header  {
        box-shadow: inset 8px 0 #418ead !important;
    }

    #psp-projects #psp-phases .psp-phase.color-green h3,
    #psp-projects .psp-phase.color-green h3,
    #psp-projects .color-green .psp-task-list li em.status,
    #psp-projects #psp-login #wp-submit {
        background: #93aa58 !important;
        color: #FFFFFF !important;
    }

    #psp-projects #psp-phases .psp-phase.color-pink h3,
    #psp-projects .psp-phase.color-pink h3,
    #psp-projects .color-pink .psp-task-list li em.status {
        background: #e07157 !important;
        color: #FFFFFF !important;
    }

    #psp-projects #psp-phases .psp-phase.color-maroon h3,
    #psp-projects .psp-phase.color-maroon h3,
    #psp-projects .color-maroon .psp-task-list li em.status {
        background: #a3596d !important;
        color: #FFFFFF !important;
    }

	#psp-projects .psp-time-bar span,
	#psp-projects ol.psp-time-ticks li.active,
	#psp-projects .psp-date .cal .month {
		background: #99C262	}

	#psp-projects .psp-time-indicator span {
		border-bottom-color: #99C262	}


#psp-projects #psp-main-nav ul li#nav-menu:hover,
#psp-projects #psp-main-nav #nav-menu ul,
#psp-projects #psp-offcanvas-menu {
    background: #577d8e;
}

#psp-projects li#nav-menu.active {
    background: rgba(0,0,0.5) !important;
}

#psp-projects #psp-main-nav #nav-menu ul li a,
#psp-offcanvas-menu,
#psp-offcanvas-menu a,
#psp-offcanvas-menu a:hover {
    color: #fff !important;
}

#psp-projects #psp-title span {
    color: ;
}

    body.psp-standalone-page,
    #psp-projects,
    #psp-projects .psp-standard-template {
        background-color: #f1f2f7;
    }
    #psp-projects .psp-enhanced-milestones ul.psp-milestone-dots li strong.psp-single-milestone span.psp-marker-title {
        background: #f1f2f7;
        box-shadow: 0 0 20px 10px #f1f2f7;
    }

#psp-projects.psp-part-project,
#psp-projects.psp-single-project {
	background: transparent;
}

#psp-projects #project-documents,
#psp-projects #psp-essentials div h4,
#psp-projects .psp-timing li,
#psp-projects .psp-time-start-end,
#psp-projects .psp-time-indicator {
    color: #333;
}

#psp-projects #project-documents ul li a {
    color: #000;
}

    #psp-projects #project-documents h3,
    #psp-projects .psp-section-heading h2.psp-section-title,
    #psp-projects .psp-section-heading h1.psp-section-title,
    #psp-projects .psp-section-heading p.psp-section-data,
    #psp-projects .psp-archive-widget h4,
    #psp-projects #psp-project-calendar h2,
    #psp-projects .psp-projects-overview strong,
    #psp-projects .psp-team-list li a em,
    #psp-colophon p,
    #psp-projects .psp-projects-overview span,
    #psp-projects #psp-essentials div h4,
    #psp-projects #psp-project-summary h5,
    #psp-projects #psp-time-overview .psp-archive-list-dates h5,
    #psp-projects #psp-time-overview .psp-archive-list-dates p {
        color: #999;
    }

#psp-projects #psp-discussion,
#psp-projects #psp-comments {
    background-color: #8a99ad;
}

/* Correct the 33% grid class that is applied to Task list, in the Dasboard, to 100%  */
#psp-projects .psp-task-project { width: 100% !important; }

/* Make the 'Your Tasks' panel ( the top ) - not show up on the dashboard page for the Client  */
#psp-projects.psp-dashboard-page.role-subscriber .psp-my-tasks { display: none !important; }

/* Make the Task List disappear from the Dashboard - for the Client only*/
#psp-projects.role-subscriber .psp-task-project { display: none !important; }

/* Make the  Tasks LINK, in Dashboard Navbar be gone, from client's eyes ONLY   */ 
#psp-projects.role-subscriber .psp-section-nav li#psp-sub-nav-tasks { display: none !important; }

/* Remove the calendar widget from the sidebar, for the Client only. It doesn't flicker on live site, but the Tooltip don't display ok  */
#psp-projects.role-subscriber .psp-archive-widget.psp-calendar-archive-widget { display: none !important; }

/* Remove the LINK to  TASKS -  from the slide-out MENU, ON THE RIGHT ( for Clients only ). Perhaps I should remove that menu altogether   */
#psp-projects.role-subscriber .mm-menu li#psp-offnav-tasks { display: none !important; }

/* Make the BNuvo Logo bigger, in the Project Dashboard - upper left corner  */
#psp-projects .psp-masthead-logo .psp-single-project-logo img { max-height: 70px !important; display: none !important; }
#psp-projects .psp-masthead-logo { background-image: url("https://brandnuvo.net/wp-content/uploads/2019/08/BNUVO_wide_252-70_444.png") !important; background-repeat: no-repeat !important; width: 252px !important; left: 28px !important;}


/* Project list ( Table header ) in All Projects / Dashboard  ALT : #548b8e  */
#psp-projects .psp-table-header { background-color:  #49797b !important;  }

/* Making the project Title  stand out - to make it more apparent that it should be CLICKED  */
#psp-projects .psp-archive-project-title { padding: 5px 10px !important;  border: 2px dotted orange !important; border-radius: 4px !important; background-color: aliceblue !important;  }

#psp-projects .psp-archive-project-title:hover { border: 2px solid #8aa9af !important; background-color: #fdfdc8 !important;  }

/* Making sure the long Project Names - Break words, or they start spilling out, on small screens  */
#psp-projects .psp-archive-project-title a { word-break: break-word  !important;  }
#psp-projects .psp-section-title { word-break: break-word  !important;  }