
/**
 * form style
 */
 

  
.clForm .element {
    margin: 20px 0px;
}

.clForm .element > .user-interaction
{
    font-size: 18px;
    padding: 10px;
    height: auto;
	-webkit-transition: all 0.1s cubic-bezier(0.25,0.1,0.25,1);
	-moz-transition: all 0.1s cubic-bezier(0.25,0.1,0.25,1);
	-ms-transition: all 0.1s cubic-bezier(0.25,0.1,0.25,1);
	-o-transition: all 0.1s cubic-bezier(0.25,0.1,0.25,1);
	transition:all 0.1s cubic-bezier(0.25,0.1,0.25,1);
	box-shadow: none;
	border:solid 1px;
	box-sizing:border-box;
	max-width:100%;
	border-color: transparent;
	font-weight:lighter;
}

.clForm .element > .user-interaction.changed 
{
    box-shadow: 0 0 25px 5px var(--prime);
    color: var(--prime);
}

.btn.btn-primary,
.clForm .element > .user-interaction.btn.btn-primary
{
	    font-family: 'comfortaalight', Calibri, Arial, sans-serif;
    background-color: var(--prime);
    color: #474a40;
    font-size: 1.5em;
	cursor:pointer;
	font-weight: bold;
    border: 0;
    padding: 10px;
    display: block;
    max-height: inherit;
    line-height: 2em;
    height: inherit;
    text-align: center;
    transition: all ease 0.3s;
}

.btn.btn-primary:hover,
.clForm .element > .user-interaction.btn.btn-primary:hover
{
    background: var(--prime);
    color: #FFFFFF;
}

.clForm .element > label
{
	font-size: 1.0em;
    margin-bottom: 8px;
	color:#aaa;
    max-width: 30%;
    width: 100%;
    display: inline-block;
}

.clForm .element > label+.user-interaction
{
    max-width: 70%;
    width: 100%;
}

:required {
  background: red;
}  
    
	
.clForm .element.formError .user-interaction, 
.clForm .element.formError .upload, 
.clForm .element.formError .captcha > input, 
.clForm .element.formError .mce-tinymce.mce-container.mce-panel
{
    border-color: #E30714;
}

.clForm .element.formError > label
{
	color:#E30714;
}

.error, 
.info 
{
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 20px;
    border: solid 4px #ADDE5C;
    background: #DFF2BF;
    color: #008000;
}

.error
{
	border: solid 4px #FBD3C6;
    background: #FDE4E1;
    color: #B10009;
}
