/*
<style>
Style Sheets
*/
	
/**
 *************************************************************************
 *
 *  form.css
 *  
 *  This is the css for the contact from on contact.php
 *
 *************************************************************************
 *
 *
 * @package Clay's Cool
 * @subpackage Public Site
 * @author Thom Harrington
 * @version 0.1 March 23, 2019
 * @link https://clayiscool.com (when launched)
 * @license http://www.apache.org/licenses/LICENSE-2.0
 * @todo none
 **/

form {
    display: flex;
    flex-direction: column;
    line-height: 1.0em;
    padding: 0 0 0 2em;
}

form>div {
    margin:0.5em;
}

form>div>label {
    font-family: sans-serif;
    font-weight: bold;
    color: #cc9423;
}

	rc-anchor-container,
	form #name,
	form #email,
	form #comments {
		max-width: 100%;
	}

/* writes to small text above reCAPTCHA upon failure */

.dateFeedback{
    font-style:italic;
    font-size:70%;
    font-weight:bold;
    color:#f00;
}

input:default {
      background-color:#cdcdcd;
      border: 1px solid;
      border-color: #2C3539;
      padding: 5px;
}

input:required  {
      background-color:#cdcdcd;
      border: 1px solid;
      border-color: #2C3539;
      padding: 5px;
}

select {
      background-color:#cdcdcd;
      border: 1px solid;
      border-color: #2C3539;
      padding: 5px;
}

 input:optional, textarea:optional {
     background-color:#cdcdcd;
     border:1px solid #ccc;
     border-color: #2C3539;
     padding: 5px;
}

input[type=submit], input[type=button],
    input[type=checkbox], input[type=radio]    {
    background-color: #cdcdcd;
    border-radius: 4px;
    border: solid 1px #ccc;
    padding: 0.3em 0.5em;
}

fieldset {
    border: 1px solid #ccc;
    max-width: 350px;
/*    background-color: ##cdcdcd;*/
}

legend {
    margin-left: 0.5em;
    padding: 0.2em 0.5em;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}



/************************************
 ************************************
 ***                              ***
 ***         Desktop CSS          ***
 ***                              ***
 ************************************
 ***********************************/

@media (min-width: 68em) {

    form {
        padding: 0 0 0 8em;
    }
	
	#imageMD {
        padding: 0 0 0 0em;
    }

    textarea[name=Comments] {
        width: 100%;
}
	

}

        /* end reCAPTCHA styles */