/* Catering landing page sections (WPBakery rows with the vk-section class). */

html:has(.vk-section.vk-hero) {
    scroll-behavior: auto;
}

.vk-section {
    --vk-u: min(1px, calc(100vw / 1800));
    --vk-serif: 'Abhaya Libre', serif;
    --vk-sans: 'Source Sans Pro', sans-serif;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    font-family: var(--vk-sans);
    text-align: left;
}

.vk-section.vc_row,
.vk-section .vc_inner {
    display: flex;
}

.vk-section.vc_row::before,
.vk-section.vc_row::after,
.vk-section .vc_inner::before,
.vk-section .vc_inner::after {
    display: none;
}

.vk-section .vc_inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vk-section .wpb_column {
    float: none;
    min-height: 0;
}

.vk-section .vc_column_container > .vc_column-inner {
    padding: 0 !important;
}

.vk-section .wpb_content_element,
.vk-section .vc_btn3-container,
.vk-section .wpcf7 {
    margin: 0 !important;
}

.vk-section .vc_btn3-container {
    padding: 0 !important;
}

.vk-section .vk-text p,
.vk-section .vk-text h1,
.vk-section .vk-text h2,
.vk-section .vk-text h3,
.vk-section .vk-text ol,
.vk-section .vk-text li,
.vk-section .vk-title,
.vk-section .vk-feature__title,
.vk-section .vk-form-title,
.vk-section .vk-stat__value {
    margin: 0 !important;
    padding: 0;
    background: none;
    border: 0;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    color: inherit;
}

.vk-section .vk-text .vk-eyebrow {
    font: 700 16px/20px var(--vk-sans);
    letter-spacing: 1.8824px;
    text-transform: uppercase;
    color: #e3b549;
}

.vk-section .vk-title {
    font-family: var(--vk-serif);
    font-weight: 600;
    font-size: calc(80 * var(--vk-u));
    line-height: 1;
    color: #000;
}

.vk-section .vk-text .vk-lead {
    font: 400 20px/30px var(--vk-sans);
    letter-spacing: 1px;
    color: #000;
}

/* Buttons: WPBakery Button with the vk-btn class */
.vk-section .vk-btn .vc_btn3 {
    display: inline-block;
    height: 57px;
    padding: 0 32px;
    border: 0;
    border-radius: 0;
    background-image: none !important;
    box-shadow: none;
    font: 600 16px/57px var(--vk-sans);
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity 0.2s;
}

.vk-section .vk-btn .vc_btn3:hover,
.vk-section .vk-btn .vc_btn3:focus {
    opacity: 0.85;
    text-decoration: none;
}

.vk-section .vk-btn--link .vc_btn3 {
    position: relative;
    width: 210px;
    height: auto;
    box-sizing: border-box;
    padding: 0 0 17px 10px;
    border-bottom: 1px solid #f4f1e9;
    text-align: left;
    line-height: 20px;
}

.vk-section .vk-btn--link .vc_btn3::after {
    content: '';
    position: absolute;
    left: 194px;
    top: 4px;
    width: 20px;
    height: 10px;
    background: url('../images/catering-arrow.svg') no-repeat center / 20px 10px;
    transform: rotate(45deg);
}

/* Hero */
.vk-hero {
    min-height: calc(919 * var(--vk-u));
    background: #000;
}

.vk-hero > .vk-hero__content {
    flex: 0 0 44.8889%;
    width: 44.8889%;
    box-sizing: border-box;
    padding: calc(100 * var(--vk-u)) calc(40 * var(--vk-u)) calc(62 * var(--vk-u)) calc(120 * var(--vk-u));
}

.vk-hero > .vk-hero__media {
    flex: 0 0 55.1111%;
    width: 55.1111%;
}

.vk-hero__content .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.vk-hero__content .wpb_wrapper > .wpb_text_column,
.vk-hero__content .wpb_wrapper > .vk-title {
    flex: 0 0 100%;
}

.vk-hero .vk-text .vk-eyebrow {
    margin: 0 0 14px 3px !important;
}

.vk-hero .vk-title {
    max-width: calc(580 * var(--vk-u));
    font-size: calc(100 * var(--vk-u));
    color: #fff;
}

.vk-hero .vk-text .vk-lead {
    max-width: 485px;
    margin: calc(26 * var(--vk-u)) 0 0 3px !important;
    color: #fff;
}

.vk-hero .vk-btn {
    margin-top: calc(50 * var(--vk-u)) !important;
}

.vk-hero .vk-btn--link {
    margin-left: calc(42 * var(--vk-u)) !important;
}

/* Stats */
.vk-stats {
    background: #131718;
}

.vk-stats > .wpb_column {
    box-sizing: border-box;
    min-height: calc(155 * var(--vk-u));
    padding: calc(50 * var(--vk-u)) 20px 20px calc(100 * var(--vk-u));
}

.vk-stats > .wpb_column:nth-of-type(1) {
    flex: 0 0 33.3333%;
}

.vk-stats > .wpb_column:nth-of-type(2) {
    flex: 0 0 33.2778%;
}

.vk-stats > .wpb_column:nth-of-type(3) {
    flex: 0 0 33.3889%;
}

.vk-stats > .wpb_column + .wpb_column {
    border-left: 1px solid #434343;
}

.vk-section .vk-stat__value {
    font: 800 24px/28px var(--vk-serif);
    color: #fac850;
}

.vk-section .vk-text .vk-stat__label {
    margin-top: 7px !important;
    font: 400 16px/20px var(--vk-sans);
    text-transform: uppercase;
    color: #858585;
}

/* Capability */
.vk-capability,
.vk-works {
    padding: calc(100 * var(--vk-u)) 0;
}

.vk-capability {
    background: #f4f1e9;
}

.vk-capability > .wpb_column,
.vk-works > .wpb_column {
    width: 100%;
}

.vk-capability > .wpb_column > .vc_column-inner,
.vk-works > .wpb_column > .vc_column-inner {
    max-width: calc(1200 * var(--vk-u));
    margin: 0 auto;
}

.vk-capability .vk-text .vk-eyebrow,
.vk-works .vk-text .vk-eyebrow {
    margin-bottom: calc(29 * var(--vk-u)) !important;
}

.vk-capability .vk-title {
    max-width: calc(862 * var(--vk-u));
}

.vk-capability__intro {
    justify-content: space-between;
    align-items: flex-start;
    margin-top: calc(26 * var(--vk-u)) !important;
}

.vk-capability__intro > .wpb_column {
    width: auto;
}

.vk-capability__intro .vk-lead {
    max-width: 675px;
}

.vk-capability__intro .vk-btn {
    margin-top: calc(6 * var(--vk-u)) !important;
}

.vk-features {
    box-sizing: border-box;
    min-height: calc(329 * var(--vk-u));
    margin-top: calc(64 * var(--vk-u)) !important;
    border-top: 1px solid #c9c8c6;
    border-bottom: 1px solid #c9c8c6;
}

.vk-features > .wpb_column {
    flex: 0 0 25%;
    width: auto;
    box-sizing: border-box;
    padding: calc(39 * var(--vk-u)) 10px 30px 0;
}

.vk-features > .wpb_column + .wpb_column {
    padding-left: 13px;
    border-left: 1px solid #c9c8c6;
}

.vk-section .vk-text .vk-feature__num {
    margin-bottom: calc(52 * var(--vk-u)) !important;
    font: 700 16px/20px var(--vk-sans);
    letter-spacing: 1.8824px;
    color: #e3b549;
}

.vk-section .vk-feature__title {
    max-width: 254px;
    margin-bottom: 7px !important;
    font: 600 24px/30px var(--vk-serif);
    color: #000;
}

.vk-section .vk-text .vk-feature__text {
    max-width: 276px;
    font: 400 17px/normal var(--vk-sans);
    color: #656565;
}

/* Works */
.vk-works {
    background: #131718;
}

.vk-works__intro {
    margin-bottom: calc(50 * var(--vk-u)) !important;
}

.vk-works__intro > .wpb_column:first-child {
    flex: 0 0 63.75%;
}

.vk-works__intro > .wpb_column:last-child {
    flex: 0 0 36.25%;
    padding-top: calc(58 * var(--vk-u));
}

.vk-works .vk-title {
    color: #fff;
}

.vk-section .vk-text .vk-works__text {
    max-width: 435px;
    font: 300 16px/30px var(--vk-sans);
    letter-spacing: 0.8px;
    color: #d5d5d5;
}

/* Location */
.vk-location {
    min-height: calc(919 * var(--vk-u));
}

.vk-location > .vk-location__media {
    flex: 0 0 55.1111%;
    width: 55.1111%;
}

.vk-location > .vk-location__content {
    flex: 0 0 44.8889%;
    width: 44.8889%;
    box-sizing: border-box;
    padding: calc(100 * var(--vk-u)) calc(40 * var(--vk-u)) calc(84 * var(--vk-u)) calc(120 * var(--vk-u));
    background: #ffc851;
}

.vk-location .vk-text .vk-eyebrow {
    margin: 0 0 calc(29 * var(--vk-u)) 3px !important;
    color: #8c7e5f;
}

.vk-location .vk-title {
    max-width: calc(411 * var(--vk-u));
}

.vk-location .vk-text .vk-lead {
    max-width: 485px;
    margin-top: calc(15 * var(--vk-u)) !important;
}

.vk-section .vk-address {
    position: relative;
    max-width: 477px;
    box-sizing: border-box;
    margin-top: calc(41 * var(--vk-u)) !important;
    padding: 27px 0 26px 49px;
    border-top: 1px solid #9f8958;
    border-bottom: 1px solid #9f8958;
}

.vk-section .vk-address .vk-address__icon {
    position: absolute;
    left: 2.5px;
    top: 41.5px;
    width: 23px;
    height: 29px;
    max-width: none;
}

.vk-section .vk-address strong,
.vk-section .vk-address span {
    display: block;
    color: #000;
}

.vk-section .vk-address strong {
    font: 700 20px/30px var(--vk-sans);
    letter-spacing: 1px;
}

.vk-section .vk-address span {
    margin-top: -1px;
    font: 400 16px/30px var(--vk-sans);
}

.vk-location .vk-btn {
    margin-top: calc(49 * var(--vk-u)) !important;
}

.vk-location .vk-btn .vc_btn3 {
    padding: 0 33px;
}

/* Inquiry */
.vk-inquiry {
    justify-content: space-between;
    padding: calc(85 * var(--vk-u)) calc(120 * var(--vk-u)) calc(100 * var(--vk-u));
    background: #f4f1e9;
}

.vk-inquiry > .vk-inquiry__intro {
    flex: 0 1 582px;
    width: auto;
    padding-right: 0;
}

.vk-inquiry > .vk-inquiry__form {
    flex: 0 0 calc(780 * var(--vk-u));
    width: auto;
    box-sizing: border-box;
    margin-top: calc(1 * var(--vk-u));
    padding: 25px calc(50 * var(--vk-u)) 50px;
    background: #fbfaf8;
}

.vk-inquiry .vk-text .vk-eyebrow {
    margin-bottom: calc(32 * var(--vk-u)) !important;
}

.vk-inquiry .vk-title {
    max-width: calc(568 * var(--vk-u));
}

.vk-inquiry .vk-text .vk-lead {
    max-width: 548px;
    margin-top: calc(8 * var(--vk-u)) !important;
}

.vk-section .vk-text .vk-steps {
    max-width: 582px;
    margin-top: calc(50 * var(--vk-u)) !important;
    list-style: none;
    counter-reset: vk-step;
    border-top: 1px solid #c9c8c6;
}

.vk-section .vk-text .vk-steps li {
    position: relative;
    padding: 26px 0 36px 42px;
    border-bottom: 1px solid #c9c8c6;
    list-style: none !important;
    font-size: 17px;
    line-height: 20px;
    counter-increment: vk-step;
}

.vk-section .vk-text .vk-steps li::before {
    content: counter(vk-step);
    display: block !important;
    position: absolute;
    left: 0;
    top: 20.5px;
    width: 31px;
    height: 31px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #000;
    border-radius: 50%;
    font: 600 17px/28px var(--vk-sans);
    text-align: center;
    color: #000;
}

.vk-section .vk-steps strong,
.vk-section .vk-steps span {
    display: block;
}

.vk-section .vk-steps strong {
    font: 700 17px/20px var(--vk-sans);
    color: #000;
}

.vk-section .vk-steps span {
    margin-top: 10px;
    font: 400 17px/21px var(--vk-sans);
    color: #656565;
}

.vk-section .vk-form-title {
    margin-bottom: 37px !important;
    font: 600 30px/30px var(--vk-serif);
    color: #000;
}

/* Page-bottom strip */
.vk-page-footer {
    background: #131718;
}

.vk-page-footer > .wpb_column {
    width: 100%;
}

.vk-page-footer > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    align-items: center;
    gap: calc(48 * var(--vk-u));
    min-height: calc(155 * var(--vk-u));
    box-sizing: border-box;
    padding: 0 calc(300 * var(--vk-u));
}

.vk-page-footer .vk-page-footer__logo img {
    display: block;
    width: 119px;
    height: auto;
}

.vk-section .vk-text .vk-page-footer__name,
.vk-section .vk-text .vk-page-footer__address {
    font: 400 15px/19px var(--vk-sans);
    color: #fff;
}

.vk-section .vk-text .vk-page-footer__address {
    color: #6d6d6d;
}

/* Contact Form 7 layout used by the inquiry form */
.vk-cf .wpcf7-form-control-wrap {
    display: block;
}

.vk-cf .vk-cf__field {
    margin-bottom: 20px;
}

.vk-cf .vk-cf__row {
    display: flex;
    gap: 20px;
}

.vk-cf .vk-cf__row > .vk-cf__field {
    flex: 1 1 0;
    min-width: 0;
}

.vk-cf input.wpcf7-text,
.vk-cf input.wpcf7-email,
.vk-cf input.wpcf7-tel,
.vk-cf select.wpcf7-select,
.vk-cf textarea.wpcf7-textarea {
    display: block;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 25px;
    border: 1px solid #cacaca;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    font: 400 17px/normal var(--vk-sans);
    text-align: left;
    color: #131718;
}

.vk-cf select.wpcf7-select {
    padding-right: 50px;
    -webkit-appearance: none;
    appearance: none;
    background: #fff url('../images/catering-select-arrow.svg') no-repeat right 18px center / 15px 8px;
    cursor: pointer;
}

.vk-cf select.wpcf7-select:has(option[value=""]:checked) {
    color: #6d6d6d;
}

.vk-cf textarea.wpcf7-textarea {
    height: 154px;
    padding-top: 20px;
    padding-bottom: 20px;
    resize: none;
}

.vk-cf ::placeholder {
    color: #6d6d6d;
    opacity: 1;
}

.vk-cf .vk-cf__field input:focus,
.vk-cf .vk-cf__field select:focus,
.vk-cf .vk-cf__field textarea:focus {
    border-color: #131718;
    outline: 0;
}

.vk-cf .vk-cf__consent {
    margin-top: 43px;
    font: 400 17px/22px var(--vk-sans);
    color: #6d6d6d;
}

.vk-cf .vk-cf__consent .wpcf7-form-control-wrap,
.vk-cf .vk-cf__consent .wpcf7-acceptance {
    display: block;
}

.vk-cf .vk-cf__consent .wpcf7-list-item {
    display: block;
    float: none;
    margin: 0;
}

.vk-cf .vk-cf__consent label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.vk-cf .vk-cf__consent input[type="checkbox"] {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 1px solid #cacaca;
    border-radius: 0;
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.vk-cf .vk-cf__consent input[type="checkbox"]:checked {
    background: #131718 url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 10%22%3E%3Cpath d=%22M1 5l3.5 3.5L11 1%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22/%3E%3C/svg%3E') no-repeat center / 12px 10px;
    border-color: #131718;
}

.vk-cf .vk-cf__consent a {
    color: inherit;
    text-decoration: none;
}

.vk-cf .vk-cf__consent a:hover {
    text-decoration: underline;
}

.vk-cf .vk-cf__submit {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 41px;
}

.vk-cf .vk-cf__submit input.wpcf7-submit[type="submit"] {
    width: auto;
    height: 57px;
    margin: 0;
    padding: 0 33px;
    border: 0;
    border-radius: 0;
    background: #131718;
    box-shadow: none;
    color: #fff;
    font: 600 16px/57px var(--vk-sans);
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
}

.vk-cf .vk-cf__submit input.wpcf7-submit[type="submit"]:hover {
    opacity: 0.85;
}

.vk-cf .wpcf7-spinner {
    margin: 0;
}

.vk-cf .wpcf7-not-valid-tip {
    margin-top: 4px;
    font-size: 14px;
}

.vk-inquiry .wpcf7 form .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 10px 15px;
    font-size: 16px;
}

/* Tablet and mobile */
@media (max-width: 991px) {
    .vk-section .vk-title,
    .vk-capability .vk-title,
    .vk-hero .vk-title,
    .vk-location .vk-title,
    .vk-inquiry .vk-title {
        max-width: none;
        font-size: 44px;
    }

    .vk-hero .vk-title {
        font-size: 52px;
    }

    .vk-section .vk-text .vk-lead {
        font-size: 18px;
        line-height: 28px;
    }

    .vk-hero,
    .vk-location,
    .vk-inquiry,
    .vk-capability__intro,
    .vk-works__intro {
        flex-direction: column;
    }

    .vk-hero > .vk-hero__content,
    .vk-hero > .vk-hero__media,
    .vk-location > .vk-location__media,
    .vk-location > .vk-location__content,
    .vk-inquiry > .vk-inquiry__intro,
    .vk-inquiry > .vk-inquiry__form,
    .vk-works__intro > .wpb_column:first-child,
    .vk-works__intro > .wpb_column:last-child {
        flex: 0 0 auto;
        width: 100%;
    }

    .vk-hero > .vk-hero__content,
    .vk-location > .vk-location__content {
        padding: 60px 20px;
    }

    .vk-location > .wpb_column {
        margin-top: 0 !important;
    }

    .vk-hero > .vk-hero__media,
    .vk-location > .vk-location__media {
        height: 420px;
    }

    .vk-location > .vk-location__media {
        order: 2;
    }

    .vk-hero .vk-btn,
    .vk-location .vk-btn {
        margin-top: 32px !important;
    }

    .vk-hero .vk-btn--link {
        margin-left: 28px !important;
    }

    .vk-stats {
        flex-direction: column;
        overflow: visible !important;
    }

    .vk-stats > .wpb_column:nth-of-type(n) {
        flex: 0 0 auto;
        min-height: 0;
        padding: 24px 20px;
        border-left: 0;
    }

    .vk-stats > .wpb_column + .wpb_column {
        border-top: 1px solid #434343;
    }

    .vk-capability,
    .vk-works {
        padding: 60px 20px;
    }

    .vk-capability > .wpb_column > .vc_column-inner,
    .vk-works > .wpb_column > .vc_column-inner {
        max-width: none;
    }

    .vk-capability .vk-text .vk-eyebrow,
    .vk-works .vk-text .vk-eyebrow,
    .vk-location .vk-text .vk-eyebrow,
    .vk-inquiry .vk-text .vk-eyebrow {
        margin-bottom: 16px !important;
    }

    .vk-capability__intro,
    .vk-hero .vk-text .vk-lead,
    .vk-location .vk-text .vk-lead,
    .vk-inquiry .vk-text .vk-lead {
        margin-top: 20px !important;
    }

    .vk-capability__intro .vk-btn {
        margin-top: 24px !important;
    }

    .vk-features {
        flex-wrap: wrap;
        min-height: 0;
        margin-top: 40px !important;
    }

    .vk-features > .wpb_column:nth-child(n) {
        flex: 0 0 50%;
        padding: 24px 16px 28px;
        border-left: 0;
    }

    .vk-features > .wpb_column:nth-child(even) {
        border-left: 1px solid #c9c8c6;
    }

    .vk-features > .wpb_column:nth-child(n + 3) {
        border-top: 1px solid #c9c8c6;
    }

    .vk-section .vk-text .vk-feature__num {
        margin-bottom: 20px !important;
    }

    .vk-works__intro {
        margin-bottom: 32px !important;
    }

    .vk-works__intro > .wpb_column:last-child {
        padding-top: 16px;
    }

    .vk-section .vk-address {
        margin-top: 32px !important;
    }

    .vk-inquiry {
        padding: 60px 20px;
    }

    .vk-inquiry > .vk-inquiry__intro {
        padding-right: 0;
    }

    .vk-inquiry > .vk-inquiry__form {
        margin-top: 40px;
        padding: 25px 20px 32px;
    }

    .vk-section .vk-text .vk-steps {
        margin-top: 32px !important;
    }
}

@media (max-width: 1199px) {
    .vk-section .wpb_row,
    .vk-section.vc_row {
        margin-top: 0 !important;
    }
}

@media (max-width: 767px) {
    .vk-section .vk-title,
    .vk-hero .vk-title {
        font-size: 38px;
    }

    .vk-page-footer > .wpb_column > .vc_column-inner > .wpb_wrapper {
        gap: 24px;
        padding: 32px 20px;
    }

    .vk-hero > .vk-hero__media,
    .vk-location > .vk-location__media {
        height: 320px;
    }

    .vk-features > .wpb_column:nth-child(n) {
        flex-basis: 100%;
        border-left: 0;
    }

    .vk-features > .wpb_column:nth-child(n + 2) {
        border-top: 1px solid #c9c8c6;
    }

    .vk-cf .vk-cf__row {
        flex-direction: column;
        gap: 0;
    }

    .vk-hero .vk-btn--link {
        margin-left: 0 !important;
    }
}