.cntctfrm_contact_form * {
text-align: left !important;
line-height: normal !important;
}
.rtl .cntctfrm_contact_form * {
text-align: right !important;
}
.cntctfrm_contact_form .cntctfrm_contact_submit {
text-align: center !important;
}
.cntctfrm_contact_form p,
.widget .cntctfrm_contact_form p {
margin: 0 !important;
}
.cntctfrm_contact_form .cptch_block label + br,
.cntctfrm_contact_form .cptch_block span + br,
.cntctfrm_contact_form .cptchpr_block label + br,
.cntctfrm_contact_form .cptchpr_block span + br {
display: block !important;
}
.cntctfrm_contact_form .cptch_block br,
.cntctfrm_contact_form .cptchpr_block br {
display: none;
}
.cntctfrm_input_captcha .cptch_block ~ .gglcptch,
.cntctfrm_input_captcha .cptchpls_block ~ .gglcptch,
.cntctfrm_input_captcha .cptchpr_block ~ .gglcptch,
.cntctfrm_input_captcha .cptch_block ~ .gglcptchpr,
.cntctfrm_input_captcha .cptchpls_block ~ .gglcptchpr,
.cntctfrm_input_captcha .cptchpr_block ~ .gglcptchpr,
.cntctfrm_input_captcha .cptch_wrap ~ .gglcptch,
.cntctfrm_input_captcha .cptchpls_wrap ~ .gglcptch,
.cntctfrm_input_captcha .cptchpr_wrap ~ .gglcptch,
.cntctfrm_input_captcha .cptch_wrap ~ .gglcptchpr,
.cntctfrm_input_captcha .cptchpls_wrap ~ .gglcptchpr,
.cntctfrm_input_captcha .cptchpr_wrap ~ .gglcptchpr {
padding: 20px 0 0;
}
.cntctfrm_contact_form .gglcptch #recaptcha_widget_div {
width: 320px !important;
}
.cntctfrm_label,
.cntctfrm_input,
.cntctfrm_select,
.cntctfrm_checkbox {
box-sizing: border-box; width: 100%;
}
.cntctfrm_input.cntctfrm_input_submit {
max-width: 100%;
}
.cntctfrm_contact_form input[type="text"],
.cntctfrm_contact_form input[type="file"],
.cntctfrm_contact_form input[type="email"],
.cntctfrm_contact_form select,
.cntctfrm_contact_form textarea,
.widget .cntctfrm_contact_form input[type="text"],
.widget .cntctfrm_contact_form input[type="file"],
.widget .cntctfrm_contact_form input[type="email"],
.widget .cntctfrm_contact_form select,
.widget .cntctfrm_contact_form textarea {
width: 100%;
margin: 0 !important;
box-sizing: border-box;
}
.cntctfrm_contact_form.cntctfrm_width_default input[type="text"],
.cntctfrm_contact_form.cntctfrm_width_default input[type="file"],
.cntctfrm_contact_form.cntctfrm_width_default input[type="email"],
.cntctfrm_contact_form.cntctfrm_width_default select,
.cntctfrm_contact_form.cntctfrm_width_default textarea,
.widget .cntctfrm_contact_form.cntctfrm_width_default input[type="text"],
.widget .cntctfrm_contact_form.cntctfrm_width_default input[type="file"],
.widget .cntctfrm_contact_form.cntctfrm_width_default input[type="email"],
.widget .cntctfrm_contact_form.cntctfrm_width_default select,
.widget .cntctfrm_contact_form.cntctfrm_width_default textarea {
max-width: 320px;
}
.cntctfrm_contact_form input[type="checkbox"],
.cntctfrm_contact_form input[type="radio"]
.cntctfrm_contact_form input[type="submit"],
.widget .cntctfrm_contact_form input[type="checkbox"],
.widget .cntctfrm_contact_form input[type="radio"],
.widget .cntctfrm_contact_form input[type="submit"] {
margin: 0;
}
.cntctfrm_contact_attachment_extensions {
font-size: 10px !important;
}
.cntctfrm_contact_form input.cntctfrm_contact_submit {
cursor: pointer !important;
text-align: center !important;
margin-bottom: 10px !important;
}
.cntctfrm_label:first-child {
padding: 0;
}
.cntctfrm_label,
.cntctfrm_checkbox {
padding: 5px 0 0;
}
.cntctfrm_input,
.cntctfrm_select,
.cntctfrm_checkbox {
position: relative;
}
.cntctfrm_error_text {
margin: 5px 0;
color: red;
text-align: left;
}
#cntctfrm_contact_attachment {
margin-bottom: 0;
}
.cntctfrm_contact_form div {
clear: both;
}
.cntctfrm_one_column.cntctfrm_width_default {
max-width: 320px;
width: 100%;
}
.cntctfrm_one_column.cntctfrm_width_custom {
max-width: 100%;
width: 100%;
}
.cntctfrm_two_columns.cntctfrm_width_default {
max-width: 650px;
width: 100%;
}
.cntctfrm_two_columns.cntctfrm_width_custom .cntctfrm_column {
max-width: 49%;
}
.cntctfrm_one_column.cntctfrm_width_custom .cntctfrm_column {
max-width: 100%;
}
.cntctfrm_column {
position: relative;
min-height: 1px;
width: 100%;
padding: 0;
margin: 0;
clear: none !important;
}
.cntctfrm_ltr .cntctfrm_column {
float: left;
width: 49%;
}
.cntctfrm_rtl .cntctfrm_column {
float: right;
width: 49%;
}
.cntctfrm_ltr.cntctfrm_two_columns.cntctfrm_width_default #cntctfrm_first_column,
.cntctfrm_ltr.cntctfrm_two_columns.cntctfrm_width_default #cntctfrm_submit_first_column {
margin: 0 10px 0 0;
}
.cntctfrm_two_columns.cntctfrm_rtl.cntctfrm_width_default #cntctfrm_first_column,
.cntctfrm_two_columns.cntctfrm_rtl.cntctfrm_width_default #cntctfrm_submit_first_column {
margin: 0 0 0 10px;
}
.cntctfrm_ltr.cntctfrm_two_columns.cntctfrm_width_custom #cntctfrm_first_column,
.cntctfrm_ltr.cntctfrm_two_columns.cntctfrm_width_custom #cntctfrm_submit_first_column {
margin: 0 2% 0 0;
}
.cntctfrm_rtl.cntctfrm_two_columns.cntctfrm_width_custom #cntctfrm_first_column,
.cntctfrm_rtl.cntctfrm_two_columns.cntctfrm_width_custom #cntctfrm_submit_first_column {
margin: 0 0 0 10px;
}
.cntctfrm_field_wrap {
margin: 0 0 5px;
}
.cntctfrm_contact_form label,
.cntctfrm_contact_form .cntctfrm_contact_submit {
display: inline;
}
.cntctfrm_contact_form .cptch_input {
max-width: 100% !important;
}:not(input):not(textarea),img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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;
}