.ptb-school-header-name a {color: #fff; }
ul.ptb-menu-list > li > a {color: #fff;}
a[data-dropdown="ptb-my-account"] > b {border-top:4px solid #fff;}

.ptb-dashboard .side-nav li:not(.selected) i, 
.ptb-dashboard .side-nav li:not(.selected) a {color: #fff;}
.ptb-dashboard .side-nav li:hover i, 
.ptb-dashboard .side-nav li:hover a {color: #000; }
.ptb-dashboard .side-nav div#class-group-submenu > a:not(.current) > div {color: #fff; }
.ptb-dashboard .side-nav div#class-group-submenu > a:hover div { color: #000;}

/* for blog page */
.ptb-dashboard .side-nav div.ptb-blog-submenu > a:not(.current) > div {color: #fff; }
.ptb-dashboard .side-nav div.ptb-blog-submenu > a:hover div { color: #000;}

#general-left-menu-desktop .ptb-custom-menu-add {color: #fff;}


/*
.breadcrumbs a, .breadcrumbs *.current {color: #fff;}
*/


/* home page */
#home-content-section .welcome-title {color: #fff; }
#home-content-section .welcome-title span.join-school-link {color: #fff;}
#home-content-section .welcome-title span.join-school-link a {color: #fff; text-decoration: underline;}

/* announcement page */
#ptb-ann-list .ptb-announcement-wrapper > h3 {color: #fff;}
#ptb-ann-list .ptb-announcement-wrapper > h3 a {color: #fff;}

/* signup page */
#ptb-signup-detail .ptb-signup-wrapper > h3 {color: #fff;}

/* calendar page */
.timezone-msg-note {color: #fff;}
#calendar .fc-toolbar .fc-center > h2 {color: #fff;}
#cal_edit_section .notetitle h5 {color: #fff !important;}

/* form/reg page */
.form-page-wrapper.js-reg-page-wrapper .form-desc {color: #fff;}
.form-page-wrapper .form-title { color: #fff;}
.form-page-wrapper .form-title label { color: #fff;}
.js-qr-code-url {color: #fff;}

/* campaign */
.create-campaign-msg {color:#fff !important;}

/* directory page */
#ptb-student-directory-page h4.directory-page-title { color: #fff !important;}
#ptb-my-student-directory-page h4.my-student-title { color: #fff !important;}
#ptb-pending-list-page h4.pending-list-title { color: #fff !important;}
#ptb-pending-list-page .pending-list-instruction { color: #fff;}
#ptb-who-can-view-page h4.who-can-view-title { color: #fff !important;}
#ptb-who-can-view-page .who-can-view-instruction { color: #fff;} 
.no-student-directory-list { color: #fff;} 
.side-nav .directory-label { color: #fff;} 

/* docs & photos pages */
.docs-photos-wrapper .docs-photos-title { color: #fff;} 

/* class & group page (not individual class room page) */
.class-and-group .table-title { color: #fff;} 

/* manage class page */
.manage-class-group .class-and-group .table-title { color: #fff;}
.manage-class-group .class-and-group .table-title span a { color: #fff;}

/* modern underline tabs (.js-tabs-control) — announcements / signup / directory.
   Themed backgrounds can be any luminance, so a fixed text color isn't legible
   everywhere. Put the strip on a frosted ~92% white bar (dark text on a light
   surface is legible over any bg); keep the sky underline for the active tab.
   Base rules use !important, so these must too (loaded after, via theme.jsp). */
.js-tabs-control ul.tabs {
    display: inline-flex !important;
    width: auto !important;
    background: rgba(255,255,255,0.92) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.55) !important;
    border-radius: 12px !important;
    padding: 3px 6px !important;
    box-shadow: 0 2px 10px rgba(15,20,25,0.18) !important;
}
.js-tabs-control ul.tabs li.tab-title > a { color: var(--ptb-text) !important; text-shadow: none !important; }
.js-tabs-control ul.tabs li.tab-title > a:hover { color: var(--ptb-heading) !important; border-bottom-color: rgba(45,190,249,0.40) !important; }
.js-tabs-control ul.tabs li.tab-title.active > a { color: var(--ptb-sky-dark) !important; border-bottom-color: var(--ptb-sky-dark) !important; }