resources
Subscribe to PCTY Talks: HR, People and Culture:
Shari Simpson
Host
Senior Manager Thought Leadership
Paylocity
Sign Up for Our Newsletter!
Get the latest resources delivered right to your inbox.
.eyebrow .btn.btn-gradient {
background: #343e48 !important;
}
.eyebrow .dropdown-menu a.btn-gradient,
.eyebrow .dropdown-menu a.btn-primary {
color: #343e48 !important;
background-color: #fff !important;
}
.navbar-desktop .dropdown-menu-mega,
.navbar-desktop .dropdown-menu-mega .text-gray,
.navbar-desktop .dropdown-menu-mega a,
.navbar-desktop .dropdown-menu-mega h2,
.navbar-desktop .dropdown-menu-mega h3,
.navbar-desktop .dropdown-menu-mega *,
.navbar-desktop .dropdown-menu-mega svg,
.navbar-desktop .dropdown-menu-mega svg * {
color: #fff !important;
stroke: #fff !important;
}
#headerBanner a.btn.btn-primary {
background: #343e48;
}
input.btn.btn-gradient.primary {
background: #fff !important;
color: #343e48 !important;
}
.bg-secondary .navigation-tile a.navigation-pod:active,
.bg-secondary .navigation-tile a.navigation-pod:focus,
.bg-secondary .navigation-tile a.navigation-pod:hover {
color: #343e48 !important;
text-decoration: none;
background-image: none;
background-repeat: repeat-x;
background-color: #fff;
}
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:hover svg,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:hover svg *,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:active svg,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:active svg *,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:focus svg,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:focus svg * {
stroke: #343e48 !important;
}
.umbraco-forms-Dark.Gray.Panel h2.h3 {
color: #ff8f1c !important;
}
.umbraco-forms-Dark.Gray.Panel .form-control {
color: #fff !important;
}
.umbraco-forms-Dark.Gray.Panel label.form-check-label,
.umbraco-forms-Dark.Gray.Panel label.form-check-label,
.umbraco-forms-Dark.Gray.Panel label.floatable-label,
.umbraco-forms-Dark.Gray.Panel .fileupload label:not(.sr-only) {
color: #fff !important;
}
.umbraco-forms-Dark.Gray.Panel ::placeholder {
color: #fff !important;
}
.umbraco-forms-Dark.Gray.Panel .field-validation-error {
color: #ff8f1c;
}
.umbraco-forms-Dark.Gray.Panel input.form-control.input-validation-error,
.umbraco-forms-Dark.Gray.Panel select.form-control.input-validation-error {
border-color: #ff8f1c;
}
.umbraco-forms-Dark.Gray.Panel .form-disclaimer {
font-size: .75rem;
margin-top: -10px;
margin-bottom: -35px;
}
.umbraco-forms-Dark.Gray.Panel a {
color: #fff;
text-decoration: underline;
}
.umbraco-forms-Light.Gray.Panel .form-control,
.umbraco-forms-Light.Gray.Panel .help-block,
.umbraco-forms-Light.Gray.Panel input[type=file] {
color: #343e48 !important;
}
.umbraco-forms-Light.Gray.Panel label.form-check-label,
.umbraco-forms-Light.Gray.Panel label.floatable-label,
.umbraco-forms-Light.Gray.Panel .fileupload label:not(.sr-only) {
color: #343e48 !important;
}
.umbraco-forms-Light.Gray.Panel .field-validation-error {
color: #a70c0e;
}
.umbraco-forms-Light.Gray.Panel input.form-control.input-validation-error,
.umbraco-forms-Light.Gray.Panel select.form-control.input-validation-error {
border-color: #a70c0e;
}
.umbraco-forms-Light.Gray.Panel ::placeholder,
.umbraco-forms-Light.Gray.Panel select {
color: #343e48 !important;
}
.umbraco-forms-Light.Gray.Panel .form-disclaimer {
font-size: .75rem;
margin-top: -10px;
margin-bottom: -35px;
}
.umbraco-forms-Light.Gray.Panel a {
color: #343E48;
text-decoration: underline;
}
.umbraco-forms-form .bg-secondary .help-block,
.umbraco-forms-form .bg-secondary input[type="file"] {
color: #fff !important;
}
footer,
footer .info a,
footer p.legal,
footer .nav a {
color: #fff !important;
}
footer .social-media svg,
footer .social-media svg * {
fill: #fff !important;
stroke: #343E48 !important;
}
footer .info svg * {
fill: white !important;
}
.list-inline-item {
color: #a70c0e !important;
}
.card-body .btn-primary {
background-color: #343E48;
}
.card-body .btn.btn-gradient,
.card-body .btn.btn-primary {
background-image: none;
}
.card-body h3 {
color: #ed2024 !important;
}
.media-callout-gradient-media-left .media-callout-text,
.media-callout-gradient-media-right .media-callout-text {
background-color: #343e48 !important;
background-image: none !important;
}
@media (max-width: 1199px) {
.media-callout-gradient {
background-image: none !important;
background-color: #343e48 !important;
}
}
.media-callout-text a.btn.btn-secondary.mt-4 {
background-color: #fff;
color: #343e48;
}
a#hierarchyNavCollapseButton.btn.btn-link.btn-block.collapsed.text-lowercase {
color: #ed2024;
}
a#hierarchyNavCollapseButton.btn.btn-link.btn-block.collapsed.text-lowercase,
section#headerBanner.header-banner.hierarchy-banner {
color: #343e48 !important;
}
section#headerBanner.header-banner.hierarchy-banner {
color: #ed2024;
}
.grid-section h2.h3 {
color: #ed2024;
}
.header-banner.hierarchy-banner .nav-hierarchy .nav-link.active {
color: #343e48 !important;
text-decoration: underline;
}
.navbar-light .navbar-nav .nav-link.active {
color: #343e48 !important;
text-decoration: underline;
}
.navbar .nav-link.active:before {
border-top: none;
}
.footer-navigation-links .navigation-pod span.d-flex.justify-content-center.align-items-center.my-auto {
color: #fff !important;
}
.callout-tile {
background-image: none;
background-color: #343e48;
}
.callout-tile .btn {
color: #343e48;
background-color: #fff;
}
.tabs-vertical a.nav-link.active,
.tabs-vertical a.nav-link.active:hover {
color: #343e48;
text-decoration: underline;
}
.tabs-vertical a.nav-link {
color: #898a8d;
}
.grid-tabs-section a.nav-link {
color: #343e48;
}
html #featuredMessageFlyoutButton.btn.flyout-button {
background-color: #343e48 !important;
background-image: none !important;
}
html .pcty-mobile-navigation.open .main-navmenu .utility-area p,
html .pcty-mobile-navigation.open a,
html .pcty-mobile-navigation.open button:not(.btn),
html .pcty-mobile-navigation.open ul li a,
html .pcty-mobile-navigation.open .navbar-nav-dropdown .menu-area ul *,
html .pcty-mobile-navigation.open .accessibility-area label,
html .pcty-mobile-navigation.open .accessibility-area a,
html .pcty-mobile-navigation.open .high-contrast-switch-module[data-dark-theme=true] .link-portion a {
color: #fff !important;
}
html .navbar-mobile.open .main-navmenu svg,
html .navbar-mobile.open .main-navmenu svg * {
stroke: #fff !important;
}
.pcty-mobile-navigation.open .main-navbar svg .logotag,
.pcty-mobile-navigation.open .main-navbar svg .logotype {
fill: #fff !important;
}
#navbarNavDropdownToggler[aria-expanded=false] .x1,
#navbarNavDropdownToggler[aria-expanded=false] .x2,
#navbarNavDropdownToggler[aria-expanded=false] .x3 {
background-color: #343e48 !important;
}
#navbarNavDropdownToggler[aria-expanded=true] .x1,
#navbarNavDropdownToggler[aria-expanded=true] .x2,
#navbarNavDropdownToggler[aria-expanded=true] .x3 {
background-color: #fff !important;
}
.pcty-mobile-navigation .btn.btn-gradient {
background-color: #343e48 !important;
background-image: none !important;
}
.pcty-mobile-navigation.open .btn.btn-gradient {
background-color: #fff !important;
color: #343e48 !important;
}
.navigation-pods-section a.navigation-pod {
border-color: #343e48;
color: #343e48;
}
.navigation-pods-section a.navigation-pod svg,
.navigation-pods-section a.navigation-pod svg * {
stroke: #343e48 !important;
}
.navigation-pods-section a.navigation-pod:hover,
.navigation-pods-section a.navigation-pod:active,
.navigation-pods-section a.navigation-pod:focus {
color: #fff !important;
background-color: #343e48 !important;
background-image: none !important;
}
.navigation-pods-section a.navigation-pod:hover svg,
.navigation-pods-section a.navigation-pod:hover svg *,
.navigation-pods-section a.navigation-pod:active svg,
.navigation-pods-section a.navigation-pod:active svg *,
.navigation-pods-section a.navigation-pod:focus svg,
.navigation-pods-section a.navigation-pod:focus svg * {
stroke: #fff !important;
}
