/* =========================================================
   28 PRIVÉ CONTACT SECTION
   Font: EB Garamond
========================================================= */

/* ---------- GLOBAL FONT ---------- */
.contact-one,
.contact-one h1,
.contact-one h2,
.contact-one h3,
.contact-one h4,
.contact-one h5,
.contact-one h6,
.contact-one p,
.contact-one span,
.contact-one div,
.contact-one input,
.contact-one textarea,
.contact-one button,
.contact-box-one,
.contact-box-one h3,
.contact-box-one p {
    font-family: "EB Garamond" !important;
}

/* =========================================================
   MAIN CONTACT SECTION
========================================================= */

.block-title-two {
	padding-top: 50px;
}

.contact-one {
    padding: 0px 0 0px;
    background: #faf7f0;
}

.contact-one .container {
    max-width: 1200px;
	margin-bottom: 10px;
}

/* ---------- TITLE AREA ---------- */
.contact-one .block-title-two {
    text-align: center;
    margin-bottom: 30px;
}

.contact-one .block-title-two p {
    margin: 0 0 10px !important;
    font-family: "EB Garamond" !important;
    font-size: 16.4px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #b6a683 !important;
	display:none;
}

.contact-one .block-title-two h3 {
    margin: 0 !important;
    font-family: "EB Garamond" !important;
    font-size: 41.5px !important;
    line-height: 1.18 !important;
    font-weight: 600 !important;
    color: #c9a668 !important;
}

/* =========================================================
   LEFT SIDE CONTENT
========================================================= */

.contact-one__box + .contact-one__box {
    margin-top: 38px;
}

.contact-one__box h3 {
    margin: 0 0 18px !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #0d264f !important;
}

.contact-one__box p {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    color: #0d264f !important;
}

.contact-one__box p + p {
    margin-top: 12px !important;
}

.contact-one__box p a {
    color: #0d264f !important;
    transition: all 0.3s ease !important;
}

.contact-one__box p a:hover {
    color: #c9a668 !important;
}

.wpcf7-form p label {
    color: #0d264f !important;
    font-family: "EB Garamond", Georgia, serif !important;
}

/* =========================================================
   SOCIAL ICONS
========================================================= */
/* =========================================================
   SOCIAL ICONS ONLY
   Restore old Muzex style
========================================================= */


/* Container */



.contact-one__box-social {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}



/* Icon boxes */

.contact-one__box-social a {

    display: -webkit-box !important;
    display: flex !important;

    -webkit-box-align: center !important;
    align-items: center !important;

    -webkit-box-pack: center !important;
    justify-content: center !important;


    width: 45px !important;

    height: 45px !important;


    color: #aaa080 !important;

    font-size: 16px !important;


    background-color: rgba(0, 0, 0, .1) !important;


    border: none !important;


    transition: 500ms !important;

}



/* Fix Font Awesome icons */

.contact-one__box-social a i {

    font-family: "Font Awesome 5 Brands" !important;

    font-style: normal !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    color: #aaa080 !important;

}



/* LinkedIn fallback */

.contact-one__box-social a .fa-linkedin-in::before {

    content: "\f0e1" !important;

}



/* Space */

.contact-one__box-social a + a {

    margin-left: 10px !important;

}



/* Hover */

.contact-one__box-social a:hover {

    background-color: var(--thm-base) !important;

    color: #ffffff !important;

}


.contact-one__box-social a:hover i {

    color: #ffffff !important;

}


/* =========================================================
   CONTACT FORM AREA
========================================================= */

.contact-one .col-lg-8 {
    position: relative;
}

/* CF7 wrapper spacing */
.contact-one .wpcf7,
.contact-one .wpcf7 form,
.contact-one .wpcf7-form {
    width: 100%;
}

/* remove weird default spacing issues */
.contact-one .wpcf7 p {
    margin: 0 0 0px !important;
}

/* field wrapper */
.contact-one .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* ---------- INPUTS & TEXTAREA ---------- */
.contact-one .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
.contact-one input[type="text"],
.contact-one input[type="email"],
.contact-one input[type="tel"],
.contact-one input[type="url"],
.contact-one textarea {
    width: 100% !important;
    display: block !important;
    background: #faf7f0 !important;
    border: 1px solid rgba(200, 165, 108, 0.45) !important;
    color: #122f56 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    padding: 0 22px !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 24px rgba(13, 38, 79, 0.08) !important
    outline: none !important;
    transition: all 0.3s ease !important;
	font-family: "EB Garamond" !important;
	max-width:350px !important;
}

/* input height */
.contact-one .wpcf7-form-control:not(textarea):not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
.contact-one input[type="text"],
.contact-one input[type="email"],
.contact-one input[type="tel"],
.contact-one input[type="url"] {
    height: 60px !important;
}

/* textarea */
.contact-one textarea,
.contact-one .wpcf7 textarea {
    min-height: 180px !important;
    padding: 18px 22px !important;
    resize: vertical !important;
}

/* placeholders */
.contact-one input::placeholder,
.contact-one textarea::placeholder,
.contact-one .wpcf7-form-control::placeholder {
    color: #8c8c8c !important;
    opacity: 1 !important;
    font-size: 18px !important;
    font-family: "EB Garamond" !important;
}

/* focus */
.contact-one .wpcf7-form-control:not(.wpcf7-submit):focus,
.contact-one input:focus,
.contact-one textarea:focus {
    border-color: #c9a668 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(201, 166, 104, 0.10) !important;
    color: #212529 !important;
}

/* =========================================================
   SUBMIT BUTTON
========================================================= */

.contact-one .wpcf7-submit,
.contact-one input[type="submit"],
.contact-one button[type="submit"],
.contact-one__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 190px !important;
    height: 56px !important;
    padding: 0 34px !important;
    margin-top: 8px !important;
    border: 1.5px solid #c9a668 !important;
    background: #c9a668 !important;
    color: #ffffff !important;
    font-family: "EB Garamond" !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.contact-one .wpcf7-submit:hover,
.contact-one input[type="submit"]:hover,
.contact-one button[type="submit"]:hover,
.contact-one__btn:hover {
    background: transparent !important;
    color: #c9a668 !important;
    border-color: #c9a668 !important;
}

/* submit alignment */
.contact-one .wpcf7-spinner {
    margin-top: 12px !important;
}

/* =========================================================
   VALIDATION / MESSAGES
========================================================= */

.contact-one .wpcf7-not-valid-tip {
    margin-top: 8px;
    font-size: 14px !important;
    color: #c14d4d !important;
}

.contact-one .wpcf7-response-output {
    margin: 20px 0 0 !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    border: 1px solid #d9cfbd !important;
    color: #555 !important;
    background: #fff !important;
}

/* =========================================================
   CONTACT BOX SECTION
========================================================= */

.contact-box-one {
    padding: 70px 0;
}

.contact-box-one__single {
    height: 100%;
    padding: 35px 30px;
    background: #ffffff;
    border: 1px solid #e3dac9;
}

.contact-box-one__single h3 {
    margin: 0 0 14px !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #c9a668 !important;
}

.contact-box-one__single p {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #777777 !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {
    .contact-one {
        padding: 70px 0 80px;
    }

    .contact-one .block-title-two {
        margin-bottom: 45px;
    }

    .contact-one .block-title-two h3 {
        font-size: 34px !important;
    }

    .contact-one .col-lg-4 {
        margin-bottom: 35px;
    }
}

@media (max-width: 767px) {
    .contact-one .block-title-two p {
        font-size: 14px !important;
        letter-spacing: 3px !important;
    }

    .contact-one .block-title-two h3 {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .contact-one__box h3 {
        font-size: 20px !important;
    }

    .contact-one__box p {
        font-size: 17px !important;
    }

    .contact-one .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
    .contact-one input[type="text"],
    .contact-one input[type="email"],
    .contact-one input[type="tel"],
    .contact-one input[type="url"],
    .contact-one textarea {
        font-size: 17px !important;
    }

    .contact-one .wpcf7-submit,
    .contact-one input[type="submit"],
    .contact-one button[type="submit"] {
        min-width: 170px !important;
        height: 52px !important;
        font-size: 18px !important;
    }
}




.contact-one .container .row {
    padding-bottom: 50px;
}



/* =========================================================
   CONTACT BOX TITLE ICONS
   Custom Section Class: contact-company-details-section
========================================================= */

.contact-company-details-section
.contact-one__box h3 {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}


/* Shared circular icon style */
.contact-company-details-section
.contact-one__box
h3::before {
    width: 42px;
    height: 42px;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    border-radius: 50%;

    background: rgba(201, 166, 104, 0.12);

    color: #c9a668 !important;

    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    font-size: 17px !important;

    line-height: 1 !important;

    box-sizing: border-box;
}


/* Opening Hours - Clock */
.contact-company-details-section
.contact-one__box:nth-of-type(1)
h3::before {
    content: "\f017";
}


/* Contact Info - Envelope */
.contact-company-details-section
.contact-one__box:nth-of-type(2)
h3::before {
    content: "\f0e0";
}


/* Social Media - Share */
.contact-company-details-section
.contact-one__box:nth-of-type(3)
h3::before {
    content: "\f1e0";
}




/* =========================================================
   CONTACT INFO CARDS
   Opening Hours + Contact Info + Social Media
========================================================= */

.contact-company-details-section
.contact-one__box:nth-of-type(1),

.contact-company-details-section
.contact-one__box:nth-of-type(2),

.contact-company-details-section
.contact-one__box:nth-of-type(3) {

    width: 100%;
    max-width: 500px;

    padding: 24px 26px 26px !important;

    background: #fffdf8 !important;

    border: 0.5px solid rgba(200, 165, 108, 0.45);

    box-shadow:
        0 6px 18px rgba(13, 38, 79, 0.06);

    box-sizing: border-box;
}


/* =========================================================
   SPACE BETWEEN CARDS
========================================================= */

.contact-company-details-section
.contact-one__box:nth-of-type(2),

.contact-company-details-section
.contact-one__box:nth-of-type(3) {

    margin-top: 22px !important;
}


/* =========================================================
   HEADING SPACING
========================================================= */

.contact-company-details-section
.contact-one__box:nth-of-type(1) h3,

.contact-company-details-section
.contact-one__box:nth-of-type(2) h3,

.contact-company-details-section
.contact-one__box:nth-of-type(3) h3 {

    margin-bottom: 18px !important;
}


/* =========================================================
   TEXT INSIDE CARDS
========================================================= */

.contact-company-details-section
.contact-one__box:nth-of-type(1) p,

.contact-company-details-section
.contact-one__box:nth-of-type(2) p,

.contact-company-details-section
.contact-one__box:nth-of-type(3) p {

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   SOCIAL MEDIA ICON AREA
========================================================= */

.contact-company-details-section
.contact-one__box:nth-of-type(3)
.contact-one__box-social {

    margin-top: 4px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .contact-company-details-section
    .contact-one__box:nth-of-type(1),

    .contact-company-details-section
    .contact-one__box:nth-of-type(2),

    .contact-company-details-section
    .contact-one__box:nth-of-type(3) {

        max-width: 100%;

        padding: 22px 20px 24px !important;
    }

}




/* =========================================================
   CONTACT FORM CARD
   Class: contact-page-form-list
========================================================= */

.contact-page-form-list .wpcf7-form {
    width: 100% !important;
    max-width: 100% !important;

    padding: 28px 29px 30px !important;

    background: #fffdf8 !important;

    border: 1px solid rgba(200, 165, 108, 0.45) !important;

    box-shadow:
        0 8px 24px rgba(13, 38, 79, 0.08) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FORM WRAPPERS
========================================================= */

.contact-page-form-list .wpcf7-form p,
.contact-page-form-list .wpcf7-form label,
.contact-page-form-list .wpcf7-form-control-wrap {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* =========================================================
   INPUTS + TEXTAREA
========================================================= */

.contact-page-form-list
.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),

.contact-page-form-list input[type="text"],
.contact-page-form-list input[type="email"],
.contact-page-form-list input[type="tel"],
.contact-page-form-list input[type="url"],
.contact-page-form-list textarea {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .contact-page-form-list .wpcf7-form {
        width: 100% !important;
        max-width: 100% !important;

        padding: 24px 22px 26px !important;
    }

}