body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.open-booking-popup {
cursor: pointer;
}
.codedropz-upload-inner h3 {
font-size: 18px;
}
.codedropz-upload-container {
padding: 5px 20px !important;
}
.family-form .ff-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.family-form p {
padding: 0;
margin: 0;
}
.cf7-title {
font-size: 25px !important;
font-weight: 700 !important;
margin-bottom: 15px;
text-align: center;
margin-top: 5px;
}
.family-form .ff-col {
flex: 1;
display: flex;
flex-direction: column;
}
.family-form .ff-full {
flex: 100%;
}
.family-form input,
.family-form textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 8px !important;
width: 100%;
}
.family-form textarea {
height: 135px !important;
}
.family-form .ff-btn {
border: none;
border-radius: 30px !important;
cursor: pointer;
}
.cf7-popup-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,.7);
z-index: 9999;
}
.cf7-form-wrap *,
.cf7-form-wrap *::before,
.cf7-form-wrap *::after {
box-sizing: border-box;
}
.cf7-popup-box {
position: relative;
margin: 8vh auto;
background: #fff;
max-width: 560px;
width: 90%;
padding: 24px 24px 0px;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0,0,0,0.2);
animation: popupFade 0.3s ease;
overflow-y: auto;
max-height: 90vh;
}
@keyframes popupFade {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.cf7-popup-close {
position: absolute;
top: 10px;
right: 15px;
cursor: pointer;
font-size: 24px;
} @media (max-width: 768px) {
.cf7-popup-box {
margin: 3vh auto;
}
.family-form .ff-row {
flex-direction: column;
}
.cf7-popup-box {
padding: 16px 16px 0px;
}
.cf7-title {
font-size: 18px !important;
margin-top: 15px;
}
}