.cdb_form_container {
	width: 95%;
	margin: 0 auto;
	max-width: 720px;
}
.cdb_form_container * {
	box-sizing: border-box; /*tells the browser to include both border and padding in the width calculations*/
	font-family: "ClarionMTPro",'Times New Roman',Times,serif;
}
.cdb_form_container .cdb_form_input_container .confirmation_message {
	text-align: center;
}
.cdb_form_container .cdb_form_input_container .cdb_form_spinner {
	display: inline-block;
	max-width: 100px;
}
.cdb_form_container .cdb_form_input_container .error_message {
	margin: 40px auto 20px;
	text-align: center;
	padding: 40px;
	color:white;
	width: 100%;
	font-size: 16px;
	background-color: #D71D29;
}
.cdb_form_container img.cdb_form_spinner {
    display:none;
}
.cdb_form_container .cdb_form_input_container .success_message {
	margin: 40px auto 20px;
	text-align: center;
	padding: 40px;
	color:white;
	width: 100%;
	font-size: 16px;
	background-color: green;
}
.cdb_form_container .cdb_form_input_container form {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field {
	position:  relative;
	padding: 15px 0 0;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field label:before {
	content: attr(title);
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field{
	flex-grow: 1; /*we want our fields take all the available space*/
	flex-shrink: 0; /*we do not want our fields to give up some space*/
	flex-basis: 100%; 
	margin: 0;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field input[type="text"],
.cdb_form_container .cdb_form_input_container form .cdb_form_field input[type="email"],
.cdb_form_container .cdb_form_input_container form .cdb_form_field input[type="date"],
.cdb_form_container .cdb_form_input_container form .cdb_form_field select,
.cdb_form_container .cdb_form_input_container form .cdb_form_field textarea {
	background: transparent;
	border: 1px solid #000;
	border-radius: 0;
	font-size: 1.8rem;
	padding: 10px 15px;
	width:  100%;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field textarea {
	resize:  vertical;  
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field [name="message"] {
	height: 200px;
}
.sas-pr-form-message::after {
	content: "* Required Field";
	float: right;
	font-size: 1.2rem;
	margin-top: 1.5rem;		
}

.cdb_form_container .cdb_form_input_container form .cdb_form_field.gcms-full-width,
.cdb_form_container .cdb_form_input_container form .cdb_form_field.optin {
	text-align: left;
	flex-basis:100%;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field.optin p {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-left: 1rem;
} 
.cdb_form_container .cdb_form_input_container form .cdb_form_field label {
	display: none;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field.optin label {
	display: flex;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field.optin label [type="checkbox"] {
	flex-basis:5%;
	font-size: 1.2rem;
	height: 20px;
	margin-top: 0;
	width: 20px;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field.optin label span {
	flex-basis:90%;
}

.cdb_form_container .cdb_form_input_container form .cdb_form_gdpr_information {
	display: block;
	width: 100%;
	padding: 0 0 1rem;
	font-size: 0.8em;
	text-align: left;
}
.cdb_form_container .cdb_form_input_container form button.cdb-submit {
	background: #000;
	border: none;
	border-radius: 0;
	color: #E4D5B9;
	cursor: pointer;
	font-family: "Druk Heavy", Verdana, Arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.08rem;
	margin: 0 auto;
	padding: 15px 5px;
	text-transform: uppercase;	
	transition: .4s;	
	width: 180px;
}
.cdb_form_container .cdb_form_input_container form button.cdb-submit:hover {
    background: #d71d29;
    color: #E4D5B9;
}
/*lets make placeholder colors uniformized*/
.cdb_form_container .cdb_form_input_container form .cdb_form_field input::placeholder,
.cdb_form_container .cdb_form_input_container form .cdb_form_field textarea::placeholder {
	color: #000;
	opacity: 1;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field input::-moz-placeholder,
.cdb_form_container .cdb_form_input_container form .cdb_form_field textarea::-moz-placeholder {
	color: #000;
	opacity: 1;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field input:-ms-input-placeholder,
.cdb_form_container .cdb_form_input_container form .cdb_form_field textarea:-ms-input-placeholder {
	color: #000;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field input::-webkit-input-placeholder,
.cdb_form_container .cdb_form_input_container form .cdb_form_field textarea::-webkit-input-placeholder {
	color: #000;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field select { 
	color: #000;
}

/*you have to remove the placeholder class in js when a value different from the first one is selected*/
.cdb_form_container .cdb_form_input_container form .cdb_form_field.placeholder select {
	color: #000;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field.placeholder select option {
	color: black;
}
.cdb_form_container .cdb_form_input_container form .cdb_form_field.placeholder select option:first-child {
	color: #000;
}

/* Contact Form Specific*/

.cdb_form_container .cdb_form_input_container form .cdb_form_field.sas-pr-form-first-name,
.cdb_form_container .cdb_form_input_container form .cdb_form_field.sas-pr-form-email {
	margin-right: 1.5rem;
}


/*responsive*/

@media only screen and (min-width: 640px) {
	.cdb_form_container .cdb_form_input_container form button.cdb-submit {
		padding: 5px;
		width: 192px;
	}
}
@media only screen and (min-width: 768px) {
	.cdb_form_container .cdb_form_input_container form .cdb_form_field{
		flex-basis:47%; /*we just want 2 fields per line, not 50 because we take margin into an account*/
		margin-right: 1rem;
	}
	.cdb_form_container .cdb_form_input_container form .cdb_form_field.gcms-full-width,
	.cdb_form_container .cdb_form_input_container form .cdb_form_field.optin {
		flex-basis:98%; /*not 100% because of margins*/
	}
}
@media only screen and (min-width: 1366px) {
	.cdb_form_container {
		width: 70%;
	}
}
@media only screen and (min-width: 1600px) {
	.cdb_form_container {
	width: 100%;
	}
}

/*  Footer mailing list form black bg page */

.sas-pr-mailing-list-form-black-bg .cdb_form_container {
	color: #E4D5B9;
	margin: 0 auto;
	max-width: 330px;
	width: 95%;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_container .cdb_form_input_container form .cdb_form_field input[type="email"] {
background: transparent;
    border: 1px solid #E4D5B9;
    border-radius: 0;
    color: #E4D5B9;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin: 0 auto;
	max-width: 352px;	
    padding: 8px 10px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_container .cdb_form_input_container form .cdb_form_field input[type="email"]::placeholder {
	color: #E4D5B9;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_field .optin p {
	color: #E4D5B9;
    font-size: 1.4rem;
    line-height: 2rem;
	margin-left: 1rem;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_container .cdb_form_input_container form .cdb_form_field.optin p a {
	color: #E4D5B9;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_container .cdb_form_input_container form .cdb_form_field.optin p a:hover {
	color: #D71D29;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_gdpr_information p {
	font-size: 1.2rem;
    line-height: 2rem;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_container .cdb_form_input_container form button.cdb-submit {
	background: #E4D5B9;
	color: #000;
	font-size: 2rem;
	padding: 4px;
	width: 126px;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_container .cdb_form_input_container form button.cdb-submit:hover {
	background: #D71D29;
	color: #E4D5B9;
}
.sas-pr-mailing-list-form-black-bg .cdb_form_container .cdb_form_input_container form .cdb_form_field.optin label [type="checkbox"] {
	height: 15px;
	width: 15px;
}

/*  Footer mailing list form tan bg page */

.sas-pr-mailing-list-form-tan-bg .cdb_form_container {
	margin: 0 auto;
	max-width: 330px;
	width: 95%;
}
.sas-pr-mailing-list-form-tan-bg .cdb_form_container .cdb_form_input_container form .cdb_form_field input[type="email"] {
background: transparent;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin: 0 auto;
	max-width: 352px;
    padding: 8px 10px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.sas-pr-mailing-list-form-tan-bg .cdb_form_gdpr_information p {
	font-size: 1.2rem;
    line-height: 2rem;
}
.sas-pr-mailing-list-form-tan-bg .cdb_form_container .cdb_form_input_container form button.cdb-submit {
	font-size: 2rem;
	padding: 4px;
	width: 126px;
}

@media only screen and (min-width: 640px) {
	.sas-pr-mailing-list-form-black-bg .cdb_form_container,
	.sas-pr-mailing-list-form-tan-bg .cdb_form_container {
		max-width: 720px;
	}
}