/* Home template (moved from inline template CSS) */
/* Homepage-only: transparent header over hero + white nav */
body.home.page-template-template-home .site-header.site-header--home-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: transparent !important;
}
/* When a dropdown is open, keep the page from scrolling (Apple-style). */
body.home.page-template-template-home.pd-nav-open {
overflow: hidden;
}
/* Homepage nav dropdown backdrop - reduced opacity for calmer feel */
body.home.page-template-template-home.pd-nav-open::before {
content: '';
position: fixed;
inset: 0;
background: rgba(15, 23, 42, 0.15);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
z-index: 900;
pointer-events: none;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar {
background: transparent !important;
box-shadow: none !important;
padding-top: 14px;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar > .container-fluid {
padding-left: 14px;
padding-right: 14px;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav a {
color: #fff !important;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav a:hover,
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav a:focus {
color: #fff !important;
text-decoration: none;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-brand img {
width: 174px;
height: auto;
display: block;
}
/* Homepage nav: refined typography and interactions */
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav {
gap: 18px;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav > li {
position: relative;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav > li > a {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 500;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 2px solid transparent;
transition: border-color 0.2s ease;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav > li.current-menu-item > a,
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav > li.current-menu-ancestor > a {
border-bottom-color: rgba(255, 255, 255, 0.8);
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav > li.menu-item-has-children > a::after {
content: '';
display: inline-block;
margin-left: 6px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #fff;
vertical-align: middle;
transition: transform 0.2s ease;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav > li.menu-item-has-children.pd-menu-open > a::after {
transform: rotate(180deg);
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav .sub-menu {
display: none !important;
position: absolute;
right: 0;
top: calc(100% + 12px);
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 10px;
min-width: 220px;
/* Keep long dropdowns usable: scroll the menu, not the page */
max-height: calc(100vh - 140px);
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.15), 0 4px 8px rgba(15, 23, 42, 0.08);
list-style: none;
margin: 0;
opacity: 0;
transform: translateY(-8px);
transition: opacity 0.2s ease, transform 0.2s ease;
}
/* Click-to-open only: keep submenu open only when toggled. */
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav > li.menu-item-has-children.pd-menu-open > .sub-menu {
display: block !important;
opacity: 1;
transform: translateY(0);
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav .sub-menu a {
display: block;
padding: 8px 12px;
border-radius: 8px;
color: #0f172a !important;
font-weight: 400;
text-decoration: none;
transition: background-color 0.15s ease, color 0.15s ease;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav .sub-menu a:hover,
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav .sub-menu a:focus {
background: #f1f5f9;
color: #3b82f6 !important;
}
/* Logout item with divider */
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav .sub-menu li.pd-nav-logout {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #e2e8f0;
}
body.home.page-template-template-home .site-header.site-header--home-overlay .navbar-nav .sub-menu li.pd-nav-logout a {
color: #64748b !important;
font-weight: 400;
}
/* Hero typography (homepage only) */
body.home.page-template-template-home .homepage-cover.page-cover {
/* Tunables (homepage hero only)
- blend alpha deepens/richens the base image
- overlay gradient further darkens + reduces pattern prominence
*/
--pd-home-hero-blend-alpha: 0.32;
--pd-home-hero-overlay-top: 0.55;
--pd-home-hero-overlay-bottom: 0.38;
height: 632px !important;
min-height: 632px !important;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom !important;
background-color: rgba(3, 8, 36, var(--pd-home-hero-blend-alpha));
background-blend-mode: multiply;
}
body.home.page-template-template-home .homepage-cover.page-cover::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(2, 8, 36, var(--pd-home-hero-overlay-top)) 0%,
rgba(2, 8, 36, var(--pd-home-hero-overlay-bottom)) 100%
);
pointer-events: none;
z-index: 0;
}
body.home.page-template-template-home .homepage-cover .cover-wrapper {
text-align: center;
padding-bottom: 0 !important;
padding-top: 72px !important;
position: relative;
z-index: 1;
}
body.home.page-template-template-home .homepage-cover .home-widget-title {
color: #fff !important;
font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
font-weight: 700 !important;
font-size: 48px !important;
line-height: 1.15;
margin-bottom: 16px;
}
body.home.page-template-template-home .homepage-cover .home-widget-description {
color: #fff !important;
font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
/* Search bar sizing/alignment */
body.home.page-template-template-home .home_page_search form {
display: flex;
gap: 14px;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
}
body.home.page-template-template-home .home_page_search .form-control {
max-width: 520px;
width: 520px;
padding: 14px 18px !important;
line-height: 1.2;
height: auto;
}
body.home.page-template-template-home .home_page_search button.savebtn.btn {
width: 140px !important;
float: none !important;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #63B2FF !important;
color: #fff !important;
border: 0 !important;
padding: 14px 18px !important;
}
/* Google Places dropdown (homepage location search) – match Advanced Search */
body.home.page-template-template-home .pac-container {
z-index: 3000 !important;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
border: 1px solid #e2e8f0;
border-radius: 12px;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12), 0 4px 8px rgba(15, 23, 42, 0.06);
margin-top: 6px;
padding: 6px 0;
background: #fff;
}
body.home.page-template-template-home.pd-pac-hidden .pac-container,
body.home.page-template-template-home .pac-container[style*="display: none"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.home.page-template-template-home .pac-container::after {
/* Hide "powered by Google" logo */
display: none !important;
}
body.home.page-template-template-home .pac-item {
padding: 12px 16px;
cursor: pointer;
font-size: 14px;
line-height: 1.5;
color: #334155;
border: none;
transition: background-color 0.12s ease;
}
body.home.page-template-template-home .pac-item:first-child {
border-radius: 8px 8px 0 0;
}
body.home.page-template-template-home .pac-item:last-child {
border-radius: 0 0 8px 8px;
}
body.home.page-template-template-home .pac-item:hover,
body.home.page-template-template-home .pac-item.pac-item-selected {
background: #f1f5f9;
}
body.home.page-template-template-home .pac-item-query {
font-size: 14px;
font-weight: 500;
color: #0f172a;
}
body.home.page-template-template-home .pac-matched {
font-weight: 600;
color: #3b82f6;
}
body.home.page-template-template-home .pac-icon {
display: none;
}
/* Spacing before the next section */
body.home.page-template-template-home .homepage-hero-style-default {
padding-top: 0;
}
/* Availability section (homepage only) */
body.home.page-template-template-home .pd-home-availability {
background: #f8fafc;
padding: 72px 0 96px;
}
body.home.page-template-template-home .pd-home-availability > .container {
max-width: 1120px;
}
body.home.page-template-template-home .pd-home-availability .home-widget-section-title {
text-align: center;
margin: 0 0 38px 0 !important;
}
body.home.page-template-template-home .pd-home-availability .home-widget-title {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 1.25;
color: #060668;
margin: 0 0 10px 0;
}
body.home.page-template-template-home .pd-home-availability .home-widget-description {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 13px;
line-height: 1.5;
color: #818080;
margin: 0 auto;
max-width: 720px;
}
body.home.page-template-template-home .pd-home-availability ul.job_listings {
padding: 0;
margin: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
align-items: stretch;
}
@media (max-width: 991px) {
body.home.page-template-template-home .pd-home-availability ul.job_listings {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
}
@media (max-width: 600px) {
body.home.page-template-template-home .pd-home-availability ul.job_listings {
grid-template-columns: 1fr;
gap: 20px;
}
}
body.home.page-template-template-home .pd-home-availability ul.job_listings > li.custom_li.job_listing {
width: auto !important;
margin: 0;
height: 100%;
display: flex;
}
body.home.page-template-template-home .pd-home-availability .content-box {
margin-bottom: 0 !important;
height: 100%;
flex: 1 1 auto;
display: flex;
border-radius: 6px;
background: #fff;
border: 1px solid #e6e8ef;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
overflow: hidden;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing {
display: flex !important;
gap: 18px;
padding: 24px 22px !important;
height: 263px !important;
min-height: 0;
flex: 1 1 auto;
box-sizing: border-box;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .left_colmn,
body.home.page-template-template-home .pd-home-availability .home_job_listing .right_colmn {
float: none !important;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .left_colmn {
width: 108px;
flex: 0 0 108px;
text-align: center;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .left_colmn img {
width: 72px;
height: 72px;
border-radius: 999px;
object-fit: cover;
display: block;
margin: 0 auto 10px auto;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .right_colmn {
width: 65%;
flex: 1 1 auto;
padding-left: 0 !important;
display: flex;
flex-direction: column;
min-width: 0;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .right_colmn h2 {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.25;
color: #0f172a;
margin: 0 0 4px 0;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .right_colmn h3.social_name {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.35;
color: #6b7280;
margin: 0 0 12px 0;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .right_colmn p {
height: auto !important;
overflow: hidden;
display: flex;
flex-direction: column;
flex: 1 1 auto;
margin: 0;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.55;
color: #64748b;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .right_colmn p a {
margin-top: auto;
color: #63b2ff;
text-decoration: underline;
font-weight: 400;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .right_colmn p a:hover,
body.home.page-template-template-home .pd-home-availability .home_job_listing .right_colmn p a:focus {
color: #63b2ff;
text-decoration: underline;
}
body.home.page-template-template-home .pd-home-availability .home_job_listing .left_colmn h5 {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 400;
font-size: 11px;
line-height: 1.35;
color: #64748b;
margin: 0 0 6px 0;
text-align: center;
}
/* CTA below listings (if present) */
body.home.page-template-template-home .pd-home-availability p.more_listing_btn {
margin: 44px 0 0 !important;
width: 100% !important;
display: block !important;
text-align: center;
clear: both;
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
z-index: auto !important;
}
/* If the CTA is injected inside the grid, force it to sit below spanning all columns */
body.home.page-template-template-home .pd-home-availability ul.job_listings p.more_listing_btn,
body.home.page-template-template-home .pd-home-availability ul.job_listings .more_listing_btn {
grid-column: 1 / -1;
justify-self: center;
align-self: start;
}
body.home.page-template-template-home .pd-home-availability p.more_listing_btn a,
body.home.page-template-template-home .pd-home-availability p.more_listing_btn a:visited,
body.home.page-template-template-home .pd-home-availability p.more_listing_btn a:hover,
body.home.page-template-template-home .pd-home-availability p.more_listing_btn a:focus {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 30px;
background: #63b2ff;
color: #fff !important;
border: 0;
border-radius: 2px;
box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
text-decoration: none;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 500;
}
body.home.page-template-template-home .pd-home-availability p.more_listing_btn a *,
body.home.page-template-template-home .pd-home-availability p.more_listing_btn a:visited *,
body.home.page-template-template-home .pd-home-availability p.more_listing_btn a:hover *,
body.home.page-template-template-home .pd-home-availability p.more_listing_btn a:focus * {
color: inherit !important;
text-decoration: none !important;
}
/* Full-width callout section after listings */
body.home.page-template-template-home .pd-home-find-callout {
--pd-home-callout-blend-alpha: 0.34;
--pd-home-callout-overlay-top: 0.52;
--pd-home-callout-overlay-bottom: 0.42;
min-height: 785px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 96px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: left top;
background-color: rgba(3, 8, 36, var(--pd-home-callout-blend-alpha));
background-blend-mode: multiply;
}
body.home.page-template-template-home .pd-home-find-callout::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(2, 8, 36, var(--pd-home-callout-overlay-top)) 0%,
rgba(2, 8, 36, var(--pd-home-callout-overlay-bottom)) 100%
);
pointer-events: none;
z-index: 0;
}
body.home.page-template-template-home .pd-home-find-callout .container {
position: relative;
z-index: 1;
}
body.home.page-template-template-home .pd-home-find-callout__content {
text-align: center;
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
body.home.page-template-template-home .pd-home-find-callout__title {
color: #fff;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.18;
margin: 0 0 18px 0;
}
body.home.page-template-template-home .pd-home-find-callout__title-line {
display: block;
margin-top: 8px;
}
body.home.page-template-template-home .pd-home-find-callout__lead {
color: rgba(255, 255, 255, 0.92);
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 13px;
line-height: 1.6;
max-width: 820px;
margin: 0 auto;
}
/* Articles & Tips (homepage) */
body.home.page-template-template-home .pd-home-articles {
background: #f8fafc;
padding: 84px 0 96px;
}
body.home.page-template-template-home .pd-home-articles > .container {
max-width: 1120px;
}
body.home.page-template-template-home .pd-home-articles__header {
text-align: center;
margin: 0 0 46px 0;
}
body.home.page-template-template-home .pd-home-articles__title {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 1.25;
color: #060668;
margin: 0 0 10px 0;
}
body.home.page-template-template-home .pd-home-articles__subtitle {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.5;
color: #818080;
margin: 0;
}
body.home.page-template-template-home .pd-home-articles__grid {
display: grid;
grid-template-columns: repeat(3, 280px);
justify-content: center;
gap: 28px;
}
@media (max-width: 991px) {
body.home.page-template-template-home .pd-home-articles__grid {
grid-template-columns: repeat(2, 280px);
}
}
@media (max-width: 640px) {
body.home.page-template-template-home .pd-home-articles__grid {
grid-template-columns: 1fr;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
}
body.home.page-template-template-home .pd-home-article-card {
background: #fff;
border: 1px solid #e6e8ef;
border-radius: 6px;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
overflow: hidden;
display: flex;
flex-direction: column;
}
body.home.page-template-template-home .pd-home-article-card__image {
display: block;
width: 100%;
height: 240px;
background: #f1f5f9;
position: relative;
overflow: hidden;
/* Fit thumbnails (no crop) */
display: flex;
align-items: center;
justify-content: center;
}
/* WP may output either:
- ![]()
- ![]()
Ensure we size the wrapper AND apply object-fit to the actual ![]()
. */
body.home.page-template-template-home .pd-home-article-card__image .pd-home-article-card__img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
body.home.page-template-template-home .pd-home-article-card__image img.pd-home-article-card__img,
body.home.page-template-template-home .pd-home-article-card__image picture.pd-home-article-card__img > img {
width: 100%;
height: 100%;
object-fit: cover !important;
/* Favor the top of images so the "hero" portion shows more often. */
object-position: 50% 20% !important;
}
/* Some thumbnails are logo-style and need a lower crop focus (e.g. Medicare wordmark). */
body.home.page-template-template-home .pd-home-article-card__image img.pd-home-article-card__img--medicare {
object-position: 50% 70% !important;
}
body.home.page-template-template-home .pd-home-article-card__body {
background: #fff;
padding: 18px 18px 16px;
display: flex;
flex-direction: column;
flex: 1 1 auto;
position: relative;
z-index: 1;
}
body.home.page-template-template-home .pd-home-article-card__meta {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 11px;
line-height: 1.35;
color: #9aa3af;
margin: 0 0 10px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.home.page-template-template-home .pd-home-article-card__dot {
margin: 0 6px;
}
body.home.page-template-template-home .pd-home-article-card__category {
color: #9aa3af;
text-decoration: underline;
}
body.home.page-template-template-home .pd-home-article-card__category:hover,
body.home.page-template-template-home .pd-home-article-card__category:focus {
color: #9aa3af;
text-decoration: underline;
}
body.home.page-template-template-home .pd-home-article-card__headline {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 1.35;
color: #0f172a;
margin: 0 0 10px 0;
}
body.home.page-template-template-home .pd-home-article-card__headline a {
color: inherit;
text-decoration: none;
}
body.home.page-template-template-home .pd-home-article-card__headline a:hover,
body.home.page-template-template-home .pd-home-article-card__headline a:focus {
text-decoration: none;
}
body.home.page-template-template-home .pd-home-article-card__excerpt {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.55;
color: #64748b;
margin: 0 0 14px 0;
flex: 1 1 auto;
}
body.home.page-template-template-home .pd-home-article-card__readmore {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 11px;
color: #9aa3af;
text-decoration: none;
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 6px;
}
body.home.page-template-template-home .pd-home-article-card__readmore:hover,
body.home.page-template-template-home .pd-home-article-card__readmore:focus {
color: #9aa3af;
text-decoration: none;
}
body.home.page-template-template-home .pd-home-articles__cta {
margin: 46px 0 0;
text-align: center;
}
body.home.page-template-template-home .pd-home-articles__cta a.button,
body.home.page-template-template-home .pd-home-articles__cta a.button:visited,
body.home.page-template-template-home .pd-home-articles__cta a.button:hover,
body.home.page-template-template-home .pd-home-articles__cta a.button:focus {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 30px;
background: #63b2ff;
color: #fff !important;
border: 0;
border-radius: 2px;
box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
text-decoration: none;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-weight: 500;
}
@media (max-width: 991px) {
body.home.page-template-template-home .pd-home-find-callout {
padding: 84px 0;
min-height: 720px;
}
body.home.page-template-template-home .pd-home-find-callout__title {
font-size: 40px;
}
}
@media (max-width: 600px) {
body.home.page-template-template-home .pd-home-find-callout {
padding: 72px 0;
min-height: 640px;
}
body.home.page-template-template-home .pd-home-find-callout__title {
font-size: 32px;
}
}
.modal-backdrop.fade {
opacity: 0;
z-index: 0;
}
.dropdown-menu-height {
height: 150px;
overflow: auto;
}
.dropdown-menu.show {
display: block;
width: 100%;
}
hr {
color: #EDEDED;
margin: 32px 0px;
}
label {
padding-bottom: 6px;
}
.select {
display: block !important;
}
span.select.form-select-wrapper .form-select {
padding: 0.375rem 0.75rem !important;
}
.savebtn {
background-color: #63B2FF;
color: #fff;
}
.savebtn:hover {
background-color: #63B2FF;
color: #fff;
}
.clrbtn {
border: none;
background: none;
text-decoration: underline;
}