.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;
}.main-header-bar-wrap .ast-search-box.header-cover{z-index:7}.ast-below-header-wrap .ast-search-box.header-cover #close,.ast-below-header-wrap .ast-search-box.header-cover .search-field{font-size:1.8em}.ast-below-header-wrap .ast-search-box.header-cover .search-submit{font-size:1.5em}.ast-search-box.full-screen,.ast-search-box.header-cover{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out;width:100%;height:100%}.ast-search-box.full-screen .search-field,.ast-search-box.header-cover .search-field{background:0 0;border:0;color:#fafafa;box-shadow:none;text-align:left;padding:0}.ast-search-box.full-screen .search-submit,.ast-search-box.header-cover .search-submit{background:var(--ast-fs-search-submit-background,0 0);padding:0;border-radius:50%;box-shadow:none;color:var(--ast-fs-search-text-color,#9e9e9e);transition:all .7s ease-In;outline:0;border:0;vertical-align:middle}.ast-search-box.full-screen .ast-search-wrapper,.ast-search-box.header-cover .ast-search-wrapper{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.ast-search-box.full-screen .ast-search-wrapper .search-form,.ast-search-box.header-cover .ast-search-wrapper .search-form{line-height:normal}.ast-search-box.full-screen #close,.ast-search-box.header-cover #close{color:#fafafa;transform:rotate(0);font-size:2em;cursor:pointer;z-index:9;font-weight:400}.ast-search-box.full-screen .search-field::-webkit-input-placeholder,.ast-search-box.header-cover .search-field::-webkit-input-placeholder{color:#fafafa}.ast-search-box.full-screen .search-field:-moz-placeholder,.ast-search-box.header-cover .search-field:-moz-placeholder{color:#fafafa}.ast-search-box.full-screen .search-field::-moz-placeholder,.ast-search-box.header-cover .search-field::-moz-placeholder{color:#fafafa}.ast-search-box.full-screen .search-field:-ms-input-placeholder,.ast-search-box.header-cover .search-field:-ms-input-placeholder{color:#fafafa}.ast-search-box.header-cover{position:absolute;background:rgba(25,25,25,.96);top:0;z-index:10}.ast-search-box.header-cover .search-field{font-size:2em;line-height:2;width:100%}.ast-search-box.header-cover .ast-container{position:relative}.ast-search-box.header-cover .close,.ast-search-box.header-cover .search-submit,.ast-search-box.header-cover .search-text-wrap{display:inline-block}.ast-search-box.header-cover .search-text-wrap{width:calc(100% - 2.5em);vertical-align:middle}.ast-search-box.header-cover .search-submit{font-size:1.7em;margin-right:2em}.ast-search-box.header-cover #close{vertical-align:middle;backface-visibility:hidden}.ast-search-box.full-screen{position:fixed;background:rgba(25,25,25,.96);top:0;left:0;z-index:999}.ast-search-box.full-screen .ast-search-wrapper .large-search-text{text-align:center;color:#e2e2e2;font-size:1.5em;font-weight:400;transition-delay:50ms;transition:all .3s ease-in-out}.ast-search-box.full-screen .ast-search-wrapper fieldset{border:0;padding:2.5em 0 1em;border-bottom:2px solid var(--ast-border-color)}.ast-search-box.full-screen .ast-search-wrapper .search-field{font-size:2em;padding-left:20px;line-height:1.7;width:92%;vertical-align:middle}.ast-search-box.full-screen .ast-search-wrapper .search-form{width:70%;margin:20px auto}.ast-search-box.full-screen .ast-search-wrapper .search-submit{font-size:var(--ast-fs-search-font-size, 1.7em)}.ast-search-box.full-screen #close{position:absolute;color:#fafafa;right:1em;line-height:1;cursor:pointer;z-index:9;font-weight:400;font-size:2em;top:1.5em;backface-visibility:hidden}.ast-search-box.full-screen ::-webkit-input-placeholder{opacity:0}.ast-search-box.full-screen ::-moz-placeholder{opacity:0}.ast-search-box.full-screen :-ms-input-placeholder{opacity:0}.ast-search-box.full-screen :-moz-placeholder{opacity:0}@media (max-width:420px){.ast-search-box.full-screen ::-webkit-input-placeholder{opacity:1}.ast-search-box.full-screen ::-moz-placeholder{opacity:1}.ast-search-box.full-screen :-ms-input-placeholder{opacity:1}.ast-search-box.full-screen :-moz-placeholder{opacity:1}}.ast-hfb-header .ast-search-box.full-screen.full-screen ::-webkit-input-placeholder{opacity:.5}.ast-hfb-header .ast-search-box.full-screen.full-screen ::-moz-placeholder{opacity:.5}.ast-hfb-header .ast-search-box.full-screen.full-screen :-ms-input-placeholder{opacity:.5}.ast-hfb-header .ast-search-box.full-screen.full-screen :-moz-placeholder{opacity:.5}.site-header .ast-inline-search.ast-search-menu-icon .search-form{padding-left:0;padding-right:0}.site-header .ast-inline-search.ast-search-menu-icon .search-field{padding-left:1em;padding-right:2em}.ast-inline-search.ast-search-menu-icon{position:relative;transform:none;left:0;right:0}.ast-inline-search.ast-search-menu-icon .search-submit{display:block;background:0 0;border:none;position:absolute;height:100%;right:.25em;padding:0;top:0;font-size:1.3em;color:#757575}.ast-header-break-point .ast-inline-search.ast-search-menu-icon .search-form{padding:0}.ast-header-break-point .site-header .ast-inline-search.ast-search-menu-icon .search-field{padding-right:2em}.ast-header-break-point .ast-search-box.full-screen .ast-search-wrapper .search-field{width:80%}.ast-header-custom-item-inside.ast-desktop .main-header-menu .ast-search-menu-icon.full-screen,.ast-header-custom-item-inside.ast-desktop .main-header-menu .ast-search-menu-icon.header-cover{display:none}.ast-header-break-point .ast-swap-above-header-sections .ast-above-header-section-1 .ast-search-menu-icon .search-form{right:-1em;left:auto;padding-left:0;padding-right:3em}.ast-header-break-point .ast-swap-above-header-sections .ast-above-header-section-1 .search-field{padding-right:0;padding-left:1em}.ast-header-break-point .ast-swap-above-header-sections .ast-above-header-section-2 .ast-search-menu-icon .search-form{left:-1em;right:auto;padding-right:0;padding-left:3em}.ast-header-break-point .ast-swap-above-header-sections .ast-above-header-section-2 .search-field{padding-left:0;padding-right:1em}.ast-header-break-point .ast-above-header .ast-above-header-section-1 .ast-inline-search.ast-search-menu-icon .search-field{padding-right:0}.ast-header-break-point .ast-swap-above-header-sections.ast-mobile-header-stack .ast-above-header .ast-above-header-section-2 .ast-search-menu-icon .search-form{padding-left:0;left:auto;padding-right:2em}.ast-header-break-point .ast-swap-above-header-sections.ast-mobile-header-stack .ast-above-header .ast-above-header-section-2 .ast-search-menu-icon.slide-search .search-form{left:-1em;padding-left:2em}.ast-header-break-point .ast-swap-above-header-sections.ast-mobile-header-stack .ast-above-header .ast-above-header-section-1 .search-field{padding-right:0}.ast-header-break-point .ast-swap-above-header-sections.ast-mobile-header-stack .ast-above-header .search-field{padding-right:0;padding-left:1em}.ast-header-break-point .ast-above-header-mobile-stack .ast-above-header .ast-above-header-section-1 .ast-search-menu-icon.ast-inline-search .search-form{right:auto;padding-right:2em}.ast-header-break-point .ast-swap-below-header-sections .ast-below-header .below-header-section-2 .ast-search-menu-icon.ast-inline-search .search-form{left:0;padding-left:0;padding-right:2em}.ast-header-break-point .ast-swap-below-header-sections .below-header-section-1 .ast-search-menu-icon .search-form{right:-1em;left:auto;padding-left:0;padding-right:3em}.ast-header-break-point .ast-swap-below-header-sections .below-header-section-1 .search-field{padding-right:0;padding-left:1em}.ast-header-break-point .ast-swap-below-header-sections .below-header-section-2 .ast-search-menu-icon .search-form{left:-1em;right:auto;padding-right:0;padding-left:3em}.ast-header-break-point .ast-swap-below-header-sections .below-header-section-2 .search-field{padding-left:0;padding-right:1em}.ast-header-break-point .ast-below-header .below-header-section-1 .ast-inline-search.ast-search-menu-icon .search-field{padding-right:0}.ast-header-break-point .ast-swap-below-header-sections.site-header .ast-below-header .ast-inline-search.ast-search-menu-icon .search-field{padding-left:1em;padding-right:0}.ast-header-break-point .ast-swap-below-header-sections .ast-below-header .below-header-section-2 .ast-search-menu-icon .search-form{left:-1em;padding-left:3em;padding-right:1em}.ast-below-header-mobile-stack .ast-below-header .below-header-section-1 .ast-search-menu-icon.ast-inline-search .search-form{right:auto;padding-right:2em}.iphone.full-screen,.ipod.full-screen{position:fixed!important}@media (max-width:992px){.ast-above-header-mobile-stack .ast-above-header-section-1 .ast-search-menu-icon.ast-inline-search .search-form{left:auto}.ast-below-header-mobile-stack .below-header-section-1 .ast-search-menu-icon.ast-inline-search .search-form{left:auto}}@media (max-width:544px){.ast-search-box.full-screen .ast-search-wrapper .large-search-text{display:none}.ast-search-box.full-screen .ast-search-wrapper .search-field,.ast-search-box.full-screen .ast-search-wrapper .search-submit{font-size:1.6em}}