.ssa-upcoming-appointments{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1rem;
}
.ssa-upcoming-appointments .appointment-card{
display: flex;
flex-direction: column;
color: #858585;
background-color: white;
border-radius: 4px;
}
.ssa-upcoming-appointments .appointment-card-header{
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding: 1.5rem 1.5rem 0 1.5rem;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information{
display: flex;
flex-direction: column;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header {
display: flex;
flex-direction: column;
font-size: 20px;
font-weight: normal;
padding-top: 5px;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header .appointment-staff {
color: #242424;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header p:first-of-type{
font-size: 22px;
font-weight: bold;
color: #636363;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul {
padding-left: 18px;
margin: 11px 0 0 0;
font-size: 18px;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul li {
list-style-type: none;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul li a{
color: #000000 !important;
text-decoration: underline !important;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header p{
margin: 0;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header img{
width: 70px;
height: 70px;
border-radius: 120px;
object-fit: cover;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container{
width: 70px;
height: 70px;
position: relative;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container img{
width: 56px;
height: 56px;
position: absolute;
border-radius: 120px;
object-fit: cover;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container .secondary-image{
top: 0;
left: 0;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container .primary-image{
bottom: 0;
right: 0;
}
.ssa-upcoming-appointments .appointment-card .action-bar{
padding: 1rem;
}
.ssa-upcoming-appointments .appointment-card .action-bar button{
padding: 0.5rem 8px;
font-size: 18px;
background-color: transparent;
border: none;
color: #000000;
content: 'Edit Appointment';
border-radius: 4px;
}
.ssa-upcoming-appointments .appointment-card .action-bar button:hover{
cursor: pointer;
background-color: #FAFDF8;
}
@media screen and (min-width: 486px) and (max-width: 768px){
.ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img {
object-fit: contain;
}
.ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 600px) and (max-width: 768px) {
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
}iframe.ssa_booking_iframe {
border: 0 none;
height: 600px;
max-height:  none !important; min-width: 100%;
width: 1px;
}
.ssa-admin-warning {
background-color: #fff9c4;
border-left: 4px solid #fdd835;
color: #c6a700; 
margin: 0;
padding: 16px;
}.wp-block-button{--plover--style--block-gap: var(--wp--custom--element--button--gap, 0.5em);line-height:1;padding:0 !important;box-shadow:none !important}.wp-block-button button[type=submit],.wp-block-button input[type=button],.wp-block-button input[type=submit],.wp-block-button .wp-block-button__link,.wp-element-button,.is-style-button,.button:not(.components-button),[type=submit]{display:inline-flex;gap:var(--plover--style--block-gap);align-items:center;justify-content:center;cursor:pointer;letter-spacing:inherit;text-transform:inherit;box-shadow:var(--plover-box-shadow, none)}.wp-block-button button[type=submit].has-text-align-left,.wp-block-button input[type=button].has-text-align-left,.wp-block-button input[type=submit].has-text-align-left,.wp-block-button .wp-block-button__link.has-text-align-left,.wp-element-button.has-text-align-left,.is-style-button.has-text-align-left,.button:not(.components-button).has-text-align-left,[type=submit].has-text-align-left{justify-content:flex-start}.wp-block-button button[type=submit].has-text-align-right,.wp-block-button input[type=button].has-text-align-right,.wp-block-button input[type=submit].has-text-align-right,.wp-block-button .wp-block-button__link.has-text-align-right,.wp-element-button.has-text-align-right,.is-style-button.has-text-align-right,.button:not(.components-button).has-text-align-right,[type=submit].has-text-align-right{justify-content:flex-end}.wp-block-button button[type=submit],.wp-block-button input[type=button],.wp-block-button input[type=submit],.wp-block-button .wp-block-button__link,.wp-element-button,.is-style-button,.button:not(.components-button),[type=submit]{position:relative;overflow:hidden;transition:var(--wp--custom--transition);color:var(--wp--custom--elements--button--color--text, #ffffff);border-radius:var(--wp--custom--elements--button--border-radius, var(--wp--custom--border-radius--rounded, 0.25rem));border-width:0;font-family:inherit;font-size:var(--wp--custom--elements--button--font-size, var(--wp--preset--font-size--small, 0.875rem));font-weight:var(--wp--custom--elements--button--font-weight, var(--wp--custom--font-weight--semi-bold, 600));line-height:inherit;text-decoration:none}.wp-block-button button[type=submit]:not(.has-background),.wp-block-button input[type=button]:not(.has-background),.wp-block-button input[type=submit]:not(.has-background),.wp-block-button .wp-block-button__link:not(.has-background),.wp-element-button:not(.has-background),.is-style-button:not(.has-background),.button:not(.components-button):not(.has-background),[type=submit]:not(.has-background){background:var(--wp--custom--elements--button--color--background, var(--wp--custom--color--primary, currentColor))}.wp-block-button button[type=submit]:hover,.wp-block-button input[type=button]:hover,.wp-block-button input[type=submit]:hover,.wp-block-button .wp-block-button__link:hover,.wp-element-button:hover,.is-style-button:hover,.button:not(.components-button):hover{color:var(--wp--custom--elements--button--hover--color--text, #ffffff)}.wp-block-button button[type=submit]:hover:not(.has-background),.wp-block-button input[type=button]:hover:not(.has-background),.wp-block-button input[type=submit]:hover:not(.has-background),.wp-block-button .wp-block-button__link:hover:not(.has-background),.wp-element-button:hover:not(.has-background),.is-style-button:hover:not(.has-background),.button:not(.components-button):hover:not(.has-background){background:var(--wp--custom--elements--button--hover--color--background, var(--wp--custom--color--active, currentColor))}.wp-block-button:not([class*=has-icon__]) button[type=submit]::after,.wp-block-button:not([class*=has-icon__]) input[type=button]::after,.wp-block-button:not([class*=has-icon__]) input[type=submit]::after,.wp-block-button:not([class*=has-icon__]) .wp-block-button__link::after,.wp-element-button:not([class*=has-icon__] .wp-element-button)::after,.is-style-button:not([class*=has-icon__] .is-style-button)::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:currentColor;opacity:0;border-radius:100%;transform:scale(1, 1) translate(-50%);transform-origin:50% 50%}.wp-block-button:not([class*=has-icon__]) button[type=submit]:hover::after,.wp-block-button:not([class*=has-icon__]) input[type=button]:hover::after,.wp-block-button:not([class*=has-icon__]) input[type=submit]:hover::after,.wp-block-button:not([class*=has-icon__]) .wp-block-button__link:hover::after,.wp-element-button:not([class*=has-icon__] .wp-element-button):hover::after,.is-style-button:not([class*=has-icon__] .is-style-button):hover::after{animation:buttonripple 1s ease-out;text-decoration:none}.wp-block-button.is-style-ghost .wp-block-button__link::after,.wp-block-button.is-style-outline .wp-block-button__link::after{background:currentColor}@keyframes buttonripple{0%{transform:scale(0, 0);opacity:.15}20%{transform:scale(20, 20);opacity:.15}100%{opacity:0;transform:scale(40, 40)}}body.is-style-dark .plover-hide-on-dark,:where(.editor-styles-wrapper).is-style-dark .plover-hide-on-dark{display:none}body.is-style-light .plover-hide-on-light,:where(.editor-styles-wrapper).is-style-light .plover-hide-on-light{display:none}.default-mode-light:not(.is-style-dark):not(.is-style-system) .plover-hide-on-light,:where(.editor-styles-wrapper).default-mode-light:not(.is-style-dark):not(.is-style-system) .plover-hide-on-light{display:none}.default-mode-dark:not(.is-style-light):not(.is-style-system) .plover-hide-on-dark,:where(.editor-styles-wrapper).default-mode-dark:not(.is-style-light):not(.is-style-system) .plover-hide-on-dark{display:none}@media(prefers-color-scheme: light){body.is-style-system .plover-hide-on-light,body.default-mode-system:not(.is-style-light):not(.is-style-dark) .plover-hide-on-light,:where(.editor-styles-wrapper).is-style-system .plover-hide-on-light,:where(.editor-styles-wrapper).default-mode-system:not(.is-style-light):not(.is-style-dark) .plover-hide-on-light{display:none}}@media(prefers-color-scheme: dark){body.is-style-system .plover-hide-on-dark,body.default-mode-system:not(.is-style-light):not(.is-style-dark) .plover-hide-on-dark,:where(.editor-styles-wrapper).is-style-system .plover-hide-on-dark,:where(.editor-styles-wrapper).default-mode-system:not(.is-style-light):not(.is-style-dark) .plover-hide-on-dark{display:none}}