@charset "utf-8";

/* ----------------------------------------------- */
/* CSS Template - Brand Sites - Natures Recipe          */
/* ----------------------------------------------- */

/* -------------------------------- */
/* Form Styles                      */
/* -------------------------------- */
.form-section-box {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

form {
	font-family: 'Montserrat', sans-serif;  /* Brand Font */
	margin: 0 0 0 0;
	overflow-x: hidden;
	width: 100%;
	font-weight: normal;
	font-size: 0.8125rem;
	line-height: normal;
	text-align: left;
	display: block;
}

form, option, textarea, label {
	font-size: 0.8125rem;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	position: relative;
	/* min-height: 1.25rem; */
	padding-bottom:4px;
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
select#MainContent_FeedbackType { min-width:50%; }
select#MainContent_Experience   { min-width:50%; }

#MainContent_lbl_recaptcha_error {
	display: block;
	color: red;
	margin: 0 0 0 1rem;
	float: left;
}

select, input {
	font-weight: normal;
	font-size: 0.8125rem;
	line-height: normal;
	text-align: left;
	display: block;
	float: left;
	clear: both;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

select {
	/*border: 0 !important;  Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	appearance: none;
	background: #eeecec url(../images/icons/dd-arrow-icon.png) no-repeat 93% center;
	background-position: calc(100% - 12px) center;
	/*width: 100px;*/ /*Width of select dropdown to give space for arrow image*/
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
}

div.Province select { width:100% !important; }

option {
	border: 0 !important;  /*Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	appearance: none;
	text-indent: 0.01px; /* Removes default arrow from firefox*/
}

input, select, textarea {
	background-color: #fff;
	color: #4a4a4a;
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;
	border-radius: 0;
	padding: .5rem 1rem;
	display: block;
	float: left;
	clear: both;
	outline: 0;
	border: 1px solid #ccc;
}

select, select[size="0"], select[size="1"] {
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;
	border-radius: 0px /* 10px 10px */;
	border-color: #ccc /* #eeecec */;
	padding-right: 30px;
}

select option { /*	background-color: #eeecec;
	border-color: #eeecec;
	color: #4a4a4a;
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;
	border-radius: 10px 10px;
	display: block;
	float: left;
	clear: both;
	outline: 0;
	margin-top: -5px;*/
}

select.balck { background-color: #000; }

select.option3 { border-radius: 10px 0; }
::placeholder {                       /* Firefox 19+ */
 color: #4A494A;
}
::-webkit-input-placeholder {              /* Chrome/Opera/Safari */
 color: #4A494A;
}
::-moz-placeholder {                       /* Firefox 19+ */
 color: #4A494A;
}
:-ms-input-placeholder {                   /* IE 10+ */
 color: #4A494A;
}
:-moz-placeholder {                        /* Firefox 18- */
 color: #4A494A;
 opacity:1;
}

/* -------------------------------- */
/* Shared form styles               */
/* -------------------------------- */

.form-row { margin: 0rem 0; }

.form-row .notice-text {
	color: #4a4a4a;
	font-size: 0.75rem;
	font-weight: normal;
}

.contactFormWrapper .surveyItem, .contactFormWrapper .formLabel, .contactFormWrapper .shellBtn { /* float: left; */ cursor:pointer; }

/* -------------------------------- */
/* Shared Contact Us form styles    */
/* -------------------------------- */

.contactFormWrapper .noth2 span,
.contactFormWrapper h2 span {
	font-size: .7em;
	float: right;
	text-transform: none;
	padding-right: 15px;
}

.contactFormWrapper .noth4,
.contactFormWrapper h4 {
	font-size: 1.2em;
	line-height: 1em;
	color: #571e00;
	/*font-family: 'Rokkitt', serif;
	font-family: 'Playfair Display', serif; */
	font-family: 'Montserrat', sans-serif;  /* Brand Font */
}

.contactFormWrapper a.body-link {
	text-decoration: underline;
	color: inherit;
}

.contactFormWrapper .section-box {
	/* width: 100%; */
    /* position: relative; 
	border: 1px solid red;*/
	display: inline-block;
	float: left;
	margin: 0rem 0;
	/* overflow: hidden; */
}

.contactFormWrapper .section-divider {
	float: left;
	width: 100%;
	display: none;
	border-top: 1px dotted rgba(0, 102, 175, 0.52);
	padding-top: 1rem;
	margin-top: 1rem;
}

.contactFormWrapper .section-box p {
	font-weight: normal;
	font-size: 0.8125rem;
	line-height: normal;
	text-align: left;
}

.contactFormWrapper .conUpperLabel {
	margin: 0rem 0;
	float: left;
	display: block;
	width: 100%;
}

.contactFormWrapper .dialogTextField {
	margin: 0rem 0;
	width: 100%;
	float: left;
	display: block;
}

.contactFormWrapper .input-validation-error {
	border: 1px solid red;
	background-color: #fee;
}

.contactFormWrapper .input-validation-error + span {
	color: red;
	visibility: visible;
}

.contactFormWrapper .field-validation-error {
	float: left;
	margin: 10px 0;
	font-size: .7em;
	line-height: .8em;
	font-weight: normal;
	color: red;
}

.contactFormWrapper .field-validation-valid {
	display: block;
	visibility: hidden;
	float: left;
	clear: both;
	position: relative;
}

.contactFormWrapper span.show-validation-error {
	display: block;
	position: relative;
	width: 100%;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 100%;
	font-size: .9em;
	line-height: .9em;
	font-weight: normal;
	color: red;
	white-space: nowrap;
}

.contactFormWrapper .contactFunBox {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	background-color: #f2f2f2;
	float: left;
	font-size: .7em;
	line-height: 1.25em;
	color: #3d3b35;
	padding: 2em;
	font-weight: normal;
}

.contactFormWrapper .contactFunBox strong {
	color: #3d3b35;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;  /* Brand Font */
}

.contactFormWrapper .partedSea {
	display: inline-block;
	float: left;
}

.contactFormWrapper .g-recaptcha {
	margin: 0;
	display: block;
	float: left;
	position: relative;
}

.contactFormWrapper .g-recaptcha-response {
	width: 250px;
	height: 40px;
	border: 1px solid #c1c1c1;
	padding: 0px;
	resize: none;
	display: block;
	float: left;
	margin: 1rem 0;
}

/* -------------------------------------------- */
/* Shared Contact Us form Media Query styles    */
/* -------------------------------------------- */

.fullwidth-fields .contactFormWrapper .section-box {
	width: 100%;
	position: relative;
	margin: .25rem 0;
}

.fullwidth-fields .contactFormWrapper .partedSea {
	display: block;
	float: left;
	width: 100%;
}

/*.fullwidth-fields .contactFormWrapper .partedSea .setRows-Four{
	display: block;
	float: left;
	width: 100%;
	margin:1rem 0;
}*/

.fullwidth-fields input, .fullwidth-fields select, .fullwidth-fields option, .fullwidth-fields textarea {
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.fullwidth-fields select option { border: 0px solid #cccccc !important; }



.contactFormWrapper .split-content.contact-us .column-left {
	margin-top: 1rem;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;	
	padding-top: 1.5rem;
	padding-right: 2rem;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


.contactFormWrapper .split-content.contact-us .column-left p {
	line-height: 1.6;

}


.contactFormWrapper .split-content.contact-us .column-left p strong {
	text-transform: uppercase;
	padding: 1rem 0;
} 


input[type="submit"], select { width:fit-content !important; }
select { padding-right:20px !important; }