/********************************** 
 * CF7 style 
 **********************************/
/* Collapses margins and paddings for all paragraph tags inside this specific widget wrapper */
.sidebar-main #block-9 > p {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

/*****************************************************************
 * Neutralize the default CF7 paragraph and line break injection 
 *****************************************************************/
.cf7-title p {
    margin: 0 !important;
    padding: 0 !important;
}

.cf7-title br {
    display: none !important;
}


/************************************
 * Container & Title Optimization 
 ************************************/
.cf7-title {
    background-color: var(--ast-global-color-5);
    border: 1px solid var(--ast-global-color-0);
    padding: 25px;
    max-width: 500px;
    margin: 0px auto;
    border-radius: 0;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;*/
}

/*************************************
 * "Contact us" header text styling 
 *************************************/
.cf7-title > p:first-child {
    font-size: 1.1em;
    font-weight: var(--ast-blog-title-font-weight);
    color: var(--ast-global-color-1);
    margin: 0 0 20px 0 !important;
    padding: 0;
    text-align: center;
}

/************************* 
 * Form Group Spacing 
 *************************/
.cf7-title .form-group {
    margin-bottom: 20px;
}

/***********************************************************
 * Text Inputs, Email, Subject, and Textarea Optimization 
 ***********************************************************/
.cf7-title input[type="text"],
.cf7-title input[type="email"],
.cf7-title textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--ast-global-color-6);
    border-radius: 0;
    /*font-size: 15px;*/
    color: var(--ast-global-color-3);
    background-color: var(--ast-global-color-4);
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

/****************************
 * Textarea height balance 
 ****************************/
.cf7-title textarea {
    resize: vertical;
    min-height: 100px;
}

/******************************
 * Interaction Focus States 
 ******************************/
.cf7-title input[type="text"]:focus,
.cf7-title input[type="email"]:focus,
.cf7-title textarea:focus,
.cf7-title input.wpcf7-quiz:focus {
    border-color: var(--ast-global-color-1) !important;
    background-color: var(--ast-global-color-5) !important;
    /*box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);*/
    outline: none;
}

/********************************
 * Antispam Quiz Section Layout 
 ********************************/
.cf7-title .quiz-group {
    background-color: var(--ast-global-color-5);
    padding: 8px 16px 20px 16px;
    border-radius: 0;
    border: 1px dashed var(--ast-global-color-0);
}

.cf7-title .quiz-label {
    display: block;
    font-weight: 400;
    /*font-size: 14px;*/
    color: var(--ast-global-color-3);
    margin-bottom: 10px;
}

/***************************************
 * Dynamic question element ("3+8=?") 
 ***************************************/
.cf7-title .wpcf7-quiz-label {
    font-size: 1.2em !important;
    font-weight: 400;
    color: var(--ast-global-color-3);
    margin-right: 12px;
}

/*************************************************** 
 * Small, clean text box for the quiz answer input 
 ***************************************************/
.cf7-title input.wpcf7-quiz.quiz {
    display: inline-block;
    width: auto;
    max-width: 100px;
    padding: 8px 12px;
    /*height: auto;*/
    border: 1px solid var(--ast-global-color-6);
    caret-color: black;
}

/**************************************** 
 * Submit Button & Wrapper Optimization 
 ****************************************/
.cf7-title .form-submit {
    margin-top: 24px;
    text-align: center;
}

.cf7-title input.wpcf7-submit {
    color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-5);
    border: 1px solid var(--ast-global-color-0);
    padding: 10px 20px;
    /*font-size: 1em;
    font-weight: 400;*/
    border-radius: 0;
    cursor: pointer;
    /*width: 100%;*/
    text-align: center;
    transition: background-color 0.2s ease;
    /*box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.2);*/
}

.cf7-title input.wpcf7-submit:hover {
    color: var(--ast-global-color-5);
    background-color: var(--ast-global-color-0);
}

/* Spinner adjustment to prevent layout breaking on submit click */
.cf7-title .wpcf7-spinner {
    display: block;
    margin: 10px auto 0 auto;
}