/*
 Theme Name: Divi Child
 Template: Divi
*/

.upcoming-event-register-button {
    color: #FFFFFF !important;
    border-color: RGBA(255, 255, 255, 0) !important;
    border-radius: 31px !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 400 !important;
    background-color: #184688 !important;
    display: inline !important;
}

.association-event-heading {
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 24px;
    color: #184688;
}

.upcoming-event-register-button::after {
    font-size: 25px !important;
    line-height: 1.3em !important;
}

.register-button-custom {
    padding-top: 1%;
    text-align: left !important;
}

.association-event-wrap {
    padding-bottom: 30px;
}

.association-event-wrap > h2, .association-event-wrap > p {
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .association-event-wrap {
        padding-bottom: 9%;
    }
}

/*.wpcf7-text {*/
/*    -webkit-appearance: none;*/
/*    background-color: #eee !important;*/
/*    width: 50%;*/
/*    border-width: 0 !important;*/
/*    border-radius: 0;*/
/*    color: #999 !important;*/
/*    font-size: 14px;*/
/*    padding: 16px !important;*/
/*}*/

.wpcf7-text:focus {
    color:#3e3e3e !important;
}

/*.wpcf7-select {*/
/*    color: #999;*/
/*    background-color: #eee;*/
/*    padding: 16px 20px 16px 16px;*/
/*    font-size: 14px;*/
/*    -webkit-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    width: 100%;*/
/*    border: 0;*/
/*    -moz-appearance: none;*/
/*    -webkit-appearance: none;*/
/*    appearance: none;*/
/*    border-radius: 0;*/
/*}*/

/*.wpcf7-form-control-wrap[data-name=your-association]:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 10px;*/
/*    -webkit-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: 6px solid transparent;*/
/*    border-top-color: #666;*/
/*    margin-top: 3px;*/
/*    pointer-events: none;*/
/*}*/

.wpcf7-form .wpcf7-form-control {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    padding: 12px 15px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    color: #333;
    border-radius: 3px;
}

.wpcf7-form .wpcf7-form-control::placeholder {
    color: #777;
    opacity: 1;
}

.wpcf7-form p {
    margin: 0 0 15px 0;
    padding: 0;
}

.wpcf7-form .cf7-two-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.wpcf7-form .cf7-two-columns > p {
    flex: 1;
    min-width: calc(50% - 8px);
    margin-bottom: 0;
}

.wpcf7-form p.cf7-field-half-left {
    max-width: calc(50% - 7.5px);
    width: 100%;
}

.wpcf7-form select.wpcf7-form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23777777%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.6-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px auto;
    padding-right: 40px;
}

.wpcf7-form input.wpcf7-submit {
    width: auto;
    cursor: pointer;
    padding: 10px 25px;
    background-color: #337ab7;
    color: white;
    border: none;
    border-radius: 3px;
}

.wpcf7-form input.wpcf7-submit:hover {
    background-color: #286090;
}

@media (max-width: 767px) {
    .wpcf7-form .cf7-two-columns {
        display: block;
        margin-bottom: 0;
    }

    .wpcf7-form .cf7-two-columns > p {
        min-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }

    .wpcf7-form p.cf7-field-half-left {
        max-width: none;
    }
}