/*
Theme Name: Epsom Square
Author: Epsom Square
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: epsomsquare
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

*:focus-visible{outline:none;}

.fig-btn-white{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(282deg) brightness(106%) contrast(101%);}
.nav-link.active img{filter: brightness(0) saturate(100%) invert(62%) sepia(51%) saturate(6370%) hue-rotate(354deg) brightness(96%) contrast(78%);}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    caret-color: #737A8C;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #737A8C !important;
}

.workplace-section .swiper-button-lock { display: flex !important; opacity: 1 !important; pointer-events: auto !important; }
/* spinner */
.wpcf7-spinner { margin: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.submitting .wpcf7-submit { pointer-events: none; color: #00535B !important; }
.submitting input[type=submit] { color: transparent !important; background-image: none !important; }
/* massege */
.wpcf7-response-output { margin: 25px 0px 0px !important; font-size: 12px !important; line-height: 20px !important; border: none !important; color: var(--white-color); font-weight: 600; text-align: center; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { background: #ffb900; color: var(--white); }
.wpcf7 form.failed .wpcf7-response-output { background: #f05858; color: var(--white); }
.wpcf7 form.sent .wpcf7-response-output { background: #46b450; color: var(--white); }
.wpcf7-not-valid-tip { font-size: 12px; }

/* .arrow-icon{display: inline-block;background-image: url('././assets/images/blue-arrow.svg');width: 10px;height: 10px;} */

/* Make CF7 wrappers full width and remove default styling */
.wpcf7-form-control-wrap { display: block; width: 100%; }

/* Ensure inputs/textareas take full width */
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap textarea { width: 100%; }

/* Remove CF7 default margins if needed */
.wpcf7-form-control { margin: 0; }

/* Hide the wpcf7-spinner that appears after the submit button */
.wpcf7-form > .wpcf7-spinner,
.wpcf7-form-control-wrap + .wpcf7-spinner,
button.wpcf7-submit + .wpcf7-spinner {display: none !important;}

/* Keep the spinner inside the button visible */
button.wpcf7-submit .wpcf7-spinner {display: inline-block !important;}

.food-card-description h4,
.food-card-description h6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.food-card-description p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/* Target the specific textarea parent div */
form div.col-start-1.col-end-3 {
    grid-column: 1 / 3 !important;
}
@media (max-width: 575px) {
    form div.col-start-1.col-end-3 {
        grid-column: 1 / 2 !important;
    }
}