/* Import Google Font to match WordPress site */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');


/* General Typography */
body, input, select, textarea, button {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333; /* Replace with your site's primary text color */
}


/* Form Container Styling */
#form_container {
    width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

/* Buttons */
.form_button {
    background-color: #007bff; /* Primary button color */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.form_button:hover {
    background-color: #0056b3; /* Button hover color */
}

/* Responsive Design */
@media (max-width: 768px) {
    #form_container {
        width: 100%;
        padding: 10px;
    }
    input[type="text"], input[type="email"], textarea, select {
        font-size: 14px;
    }
    .form_button {
        width: 100%;
        padding: 12px;
    }
}

#calendar_178 {
    display: none !important;
}

/* Spond Button - Red */
.button-spond {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #E30000; /* Spond Red */
    border-radius: 5px;
    text-decoration: none;
    margin: 10px 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button-spond:hover {
    background-color: #C20000; /* Darker Spond Red */
}

/* WhatsApp Button - Green */
.button-whatsapp {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #25D366; /* WhatsApp Green */
    border-radius: 5px;
    text-decoration: none;
    margin: 10px 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button-whatsapp:hover {
    background-color: #1CB051; /* Darker WhatsApp Green */
}

/* Facebook Button - Blue */
.button-facebook {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #4267B2; /* Facebook Blue */
    border-radius: 5px;
    text-decoration: none;
    margin: 10px 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button-facebook:hover {
    background-color: #365899; /* Darker Facebook Blue */
}

/* Twitter Button - Blue */
.button-twitter {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1DA1F2; /* Twitter Blue */
    border-radius: 5px;
    text-decoration: none;
    margin: 10px 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button-twitter:hover {
    background-color: #0d95e8; /* Darker Twitter Blue */
}

/* Share Buttons Container */
.share-buttons {
    text-align: center;
    margin: 20px 0;
}

/* Instruction Text */
.share-instruction {
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-top: 20px;
}

/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: url('https://crc.brianilland.com/data/themes/images/img_15ad4ab6b7999d1628c52e6c93824326-cropped-CRC-LOGO-HI-RES-e1713811603532.jpeg');
height: 138px;
}

html
{
background-color: #02b0ea;
background-image: none;
}

#main_body h1
{
background-image: url('https://crc.brianilland.com/data/themes/images/img_ad10820bfae9d24123fe0281702e6734-crcbanner2.png');
background-repeat: repeat;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
box-shadow: none;
border-style: solid;
border-color: #81a8b8;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #e8f3f8;
}

#main_body form .guidelines
{
background-color: #dbe6ec;
border-width: 1px;
border-style: dashed;
border-color: #a4bcc2;
}

#main_body form .guidelines small
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #666666;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #fbfbfb;
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #333333;
}

#machform_review_table td.mf_review_value
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #222222;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #000000;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #000000;
}

#main_body form li span.ap_tp_text
{
color: #000000;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #222222;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
color: #222222;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 130%;
color: #000000;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #000000;
}

#main_body form li.section_break
{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #cccccc;
}