/** All Case Form Styles Belong in Here **/

@import "https://cdn.candid.org/fonts/algebra/algebra.css";
@import "https://cdn.candid.org/fonts/akkurat/Akkurat-Bold/css/stylesheet.css";
@import "https://cdn.candid.org/fonts/akkurat/Akkurat-BoldItalic/css/stylesheet.css";
@import "https://cdn.candid.org/fonts/akkurat/Akkurat-Italic/css/stylesheet.css";
@import "https://cdn.candid.org/fonts/akkurat/Akkurat-Regular/css/stylesheet.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

#salesforce-case-form * {
	box-sizing:content-box;
}

/* Hide the below fields by default */
.field-country { 
	display: none;
}

.field-postal-code { 
	display: none;
}

.field-candid-case-reason {
	display: none;
}

#salesforce-case-form {
	padding: 1em;
	margin: 0 auto;
	max-width: 500px;
}

#salesforce-case-form,
#salesforce-case-form input,
#salesforce-case-form select,
#salesforce-case-form textarea {
	font-family: "LL Akkurat Regular Web","Open Sans","Calibri","Arial",sans-serif;
	font-size: 1rem;
	color: #1e1e1e;
	vertical-align: top;
}

#salesforce-case-form label,
#salesforce-case-form input,
#salesforce-case-form select,
#salesforce-case-form textarea {
	width: 100%;	
}

#salesforce-case-form label {
	padding: 0.5em 0 0.25em 0;
	display: block;
	font-size: 1em;
  font-weight: normal;
  font-family: "LL Akkurat Regular Web","Open Sans","Calibri","Arial",sans-serif;
}

#salesforce-case-form input,
#salesforce-case-form select,
#salesforce-case-form textarea {
	padding: .75rem 1rem .5rem;
	color: #1e1e1e;
	background-color: #f0ece9;
	border: none;
	border-bottom: 1px solid #000;
	cursor: pointer;
}

#salesforce-case-form input:focus,
#salesforce-case-form select:focus,
#salesforce-case-form textarea:focus {
	outline:none;
	border:1px dotted #000000;
	background-color:#ffffff;
}

#salesforce-case-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    background-image: linear-gradient(45deg, transparent 50%, #1e1e1e 50%), linear-gradient(135deg, #1e1e1e 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 21px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px), calc(100% - 2.5em) 0.5em;
    background-size: 7px 7px, 6px 8px, 1px 1.5em;
    background-repeat: no-repeat;
}

#salesforce-case-form textarea {
	min-height: 5em;
}

#salesforce-case-form input[type="submit"] {
	display: block;
	width: auto;
	padding: .75em 1.5em;
	margin: 0;
	border: 0;
	font-weight: normal;
	line-height: 1;
	font-size: 1.125em;
	font-family: "Algebra Web","Georgia",serif;
	background: #000000;
  	color: #ffffff;
	border: 1px dotted transparent;
	cursor: pointer;
	transition: 0.5s ease;
}

#salesforce-case-form input[type="submit"]:hover {
	text-decoration: none;
	color: #1e1e1e;
	background-color: #faa21b;
}
#salesforce-case-form input[type="submit"]:focus {
	text-decoration: none;
	color: #1e1e1e;
	background-color: #faa21b;
}
input[disabled]#submit-case,
input[disabled]#submit-case:hover,
input[disabled]#submit-caset:active,
input[disabled]#ssubmit-case:focus { 
	background: #aaa;
	color: #1e1e1e;
	box-shadow: none;
	outline: none;
	opacity: 0.5;
	text-decoration: none;
}

.thankyou h4 {
	text-align: center;
	font-family: "Algebra Web","Georgia",serif;
	font-weight: normal; 
	font-size: 1.5em; 
	line-height:1.5;
}