.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-navigation__container:not(#undefined){--navigation-item-padding:0.5em;--navigation-submenu-spacing:0.3em;--navigation-submenu-icon-size:0.7em;--navigation-submenu-item-padding:0.5em;--navigation-mobile-menu-item-padding:0.25em;--hover-state-opacity:0.15}.wp-block-navigation__container:not(#undefined) .wp-block-navigation__submenu-icon{align-items:center;align-self:auto;background:transparent;box-sizing:border-box;color:inherit;display:flex;height:revert;margin:0;min-height:100%;padding-right:var(--navigation-item-padding,.5em);position:absolute;right:0;top:0;width:auto}.wp-block-navigation__container:not(#undefined) .wp-block-navigation__submenu-icon svg{height:var(--navigation-submenu-icon-size,.7em);width:var(--navigation-submenu-icon-size,.7em)}.wp-block-navigation__container:not(#undefined) .wp-block-navigation__submenu-container{margin:var(--navigation-submenu-spacing,0)}.wp-block-navigation__container:not(#undefined) .wp-block-navigation__submenu-container:before{background:transparent;content:"";height:calc(100% + var(--navigation-submenu-spacing, 0));inset:0;margin:calc(var(--navigation-submenu-spacing, 0)*-1);margin-bottom:0;position:absolute;width:calc(100% + var(--navigation-submenu-spacing, 0)*2);z-index:-1}.wp-block-navigation__container:not(#undefined) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{margin-top:0}.wp-block-navigation__container:not(#undefined) .wp-block-navigation-item{align-items:stretch;display:flex;height:-moz-max-content;height:max-content;min-height:1px}.wp-block-navigation__container:not(#undefined) .wp-block-navigation-item .wp-block-navigation-item__content{max-width:80vw;padding:var(--navigation-item-padding,.5em);position:relative;text-decoration:none;width:-moz-max-content;width:max-content}.wp-block-navigation__container:not(#undefined) .wp-block-navigation-item .wp-block-navigation-item__content:before{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s linear;z-index:0}.wp-block-navigation__container:not(#undefined) .wp-block-navigation-item.has-child .wp-block-navigation-item__content{padding-right:calc(1ch + var(--navigation-item-padding, .5em) + var(--navigation-submenu-icon-size, 1em))}.wp-block-navigation__container:not(#undefined) .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon{margin:0}.wp-block-navigation__container:not(#undefined) .wp-block-navigation-item.has-child .wp-block-navigation-item{--navigation-item-padding:var(
--navigation-submenu-item-padding,0.5em
)}.wp-block-navigation__container:not(#undefined) .wp-block-navigation-item.has-child .wp-block-navigation-item .wp-block-navigation-item__content:hover:before,.wp-block-navigation__container:not(#undefined) .wp-block-navigation-item.has-child .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content:before{opacity:var(--hover-state-opacity,.1)}.wp-block-navigation__container:not(#undefined) .wp-block-page-list>.wp-block-navigation-item:before,.wp-block-navigation__container:not(#undefined)>.wp-block-navigation-item:before{background:transparent;content:"";position:absolute;transition:all .2s linear}.wp-block-navigation__container:not(#undefined) .wp-block-page-list>.has-child>.wp-block-navigation__submenu-container,.wp-block-navigation__container:not(#undefined)>.has-child>.wp-block-navigation__submenu-container{margin-left:auto;margin-right:auto}.wp-block-navigation__container:not(#undefined) .wp-block-page-list>.has-child>.wp-block-navigation__submenu-container:before,.wp-block-navigation__container:not(#undefined)>.has-child>.wp-block-navigation__submenu-container:before{margin-left:auto;margin-right:auto;width:100%}.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item:not(#undefined):before,.wp-block-page-list .wp-block-navigation-item:not(#undefined):before{background:currentColor;bottom:0;height:2px;left:50%;transform:translateX(-50%);width:0}.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item:not(#undefined).current-menu-item:before,.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item:not(#undefined):hover:before,.wp-block-page-list .wp-block-navigation-item:not(#undefined).current-menu-item:before,.wp-block-page-list .wp-block-navigation-item:not(#undefined):hover:before{width:calc(100% - var(--navigation-item-padding, .5em)*2)}.wp-block-navigation__responsive-container.is-menu-open{box-sizing:border-box;gap:0;max-width:100vw}.wp-block-navigation__responsive-container.is-menu-open *{box-sizing:border-box}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{max-width:100%;overflow-x:hidden;padding-bottom:4em}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{position:relative;width:100%}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content{font-size:var(--wp--preset--font-size--medium);justify-content:flex-start;max-width:unset;padding:var(--navigation-submenu-item-padding,.5em);position:relative;text-align:left;width:100%}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content:before{margin-left:-100vw;width:300vw}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content:hover:before,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content:before{opacity:var(--hover-state-opacity,.1)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container{margin:0;max-width:100%;padding-bottom:0;padding-top:0;width:100%}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container:before{display:none}.wp-block-navigation__responsive-container-close{right:1em;top:1em}.wp-block-button__link,.wp-element-button{outline-width:0;position:relative}.wp-block-button__link:before,.wp-element-button:before{background:currentColor;border-radius:inherit;content:" ";inset:0;opacity:0;position:absolute;transition:opacity .35s ease}.wp-block-button__link:active:before,.wp-block-button__link:focus:before,.wp-block-button__link:hover:before,.wp-element-button:active:before,.wp-element-button:focus:before,.wp-element-button:hover:before{opacity:.25}.woocommerce-cart .wp-block-post-title:not(#eai1){max-width:unset}body:has(.espresso-overlappable-header) .espresso-has-overlap{position:relative;z-index:10}@media (min-width:782px){body:has(.espresso-overlappable-header) [class*=espresso-overlap-top]{--overlap-delta:calc(-16px*var(--overlap-scale));margin-top:var(--overlap-delta)!important;position:relative}.espresso-overlap-top-1{--overlap-scale:9.375}.espresso-overlap-top-2{--overlap-scale:12.5}.espresso-overlap-top-3{--overlap-scale:15.625}.espresso-overlap-top-4{--overlap-scale:18.75}.espresso-overlap-top-5{--overlap-scale:21.875}}body:has(.espresso-overlappable-header) .is-root-container>div:first-child [class*=espresso-overlap]{margin-top:0!important}