@charset "UTF-8";
/*------------------------------------*\
	#IMPORT ABSTRACT
\*------------------------------------*/
/** 
 * FUNCTIONS
 * 
 * Caution: This file is supposed to import all functions
 * except the `remsize` functions which is already imported
 * before the `variables` as it is needed earlier.
 */
/*------------------------------------*\
	#VARIABLES
\*------------------------------------*/
/** 
 * FUNCTIONS
 * 
 * Caution: This file is supposed to import all functions
 * except the `remsize` functions which is already imported
 * before the `variables` as it is needed earlier.
 */
/*------------------------------------*\
	#IMPORT STYLES
\*------------------------------------*/
/*------------------------------------*\
	#CHECKOUT VALIDATION MESSAGES
\*------------------------------------*/
div.woocommerce .form-row .woocommerce-error:not(.invalid-country-not-allowed) {
  /* Double selector to augment specificity */
  display: none; }

/* Double selectors to augment specificity */
div.woocommerce .woocommerce-invalid-required-field .woocommerce-error.invalid-required-field,
div.woocommerce .woocommerce-invalid-email .woocommerce-error.invalid-email,
div.woocommerce .woocommerce-invalid-confirmation-field .woocommerce-error.invalid-confirmation-field {
  display: block; }

div.woocommerce .form-row .woocommerce-error,
div.woocommerce .form-row .fc-mailcheck-suggestion {
  position: relative;
  margin: 0;
  padding: 5px 10px 5px 28px;
  border: 0;
  background-color: #F0F4F4;
  font-size: 13px; }

div.woocommerce .form-row .fc-mailcheck-suggestion {
  padding: 5px 10px; }

div.woocommerce .form-row .fc-mailcheck-suggestion .mailcheck-suggestion:focus {
  outline: dotted 1px #535156;
  outline-offset: 1px; }

div.woocommerce .form-row .woocommerce-error {
  color: #CC1818; }

div.woocommerce .form-row .woocommerce-error:before {
  display: inline-block;
  font-family: "fluid-checkout-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  width: 18px;
  height: 18px;
  font-size: 18px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: inherit; }

/*------------------------------------*\
	#CHECKOUT FIELD VALIDATION
\*------------------------------------*/
div.woocommerce form .form-row[class*='woocommerce-invalid'] textarea,
div.woocommerce form .form-row[class*='woocommerce-invalid'] select,
div.woocommerce form .form-row[class*='woocommerce-invalid'] input[type="email"],
div.woocommerce form .form-row[class*='woocommerce-invalid'] input[type="number"],
div.woocommerce form .form-row[class*='woocommerce-invalid'] input[type="search"],
div.woocommerce form .form-row[class*='woocommerce-invalid'] input[type="text"],
div.woocommerce form .form-row[class*='woocommerce-invalid'] input[type="date"],
div.woocommerce form .form-row[class*='woocommerce-invalid'] input[type="tel"],
div.woocommerce form .form-row[class*='woocommerce-invalid'] input[type="url"],
div.woocommerce form .form-row[class*='woocommerce-invalid'] input[type="password"],
div.woocommerce form .form-row[class*='woocommerce-invalid'] .select2-selection {
  border-color: #CC1818; }

div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) textarea,
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) select,
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) input[type="email"],
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) input[type="number"],
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) input[type="search"],
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) input[type="text"],
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) input[type="date"],
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) input[type="tel"],
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) input[type="url"],
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) input[type="password"],
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) .select2-selection {
  border-color: #00A854; }

div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) .woocommerce-input-wrapper {
  position: relative;
  display: block;
  width: 100%; }

div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) .select2-selection:after,
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) .woocommerce-input-wrapper:after {
  display: inline-block;
  font-family: "fluid-checkout-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  width: 24px;
  height: 24px;
  font-size: 24px;
  z-index: 10;
  position: absolute;
  right: 5px;
  top: 8px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  color: #00A854; }

div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']) .select2-selection:after {
  right: 20px; }

div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid'])#billing_state_field .woocommerce-input-wrapper:after,
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid'])#billing_country_field .woocommerce-input-wrapper:after,
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid'])#shipping_state_field .woocommerce-input-wrapper:after,
div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid'])#shipping_country_field .woocommerce-input-wrapper:after {
  display: none; }

.woocommerce-terms-and-conditions-wrapper div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']):after, div.woocommerce form .form-row.woocommerce-validated:not([class*='woocommerce-invalid']).create-account:after {
  content: '';
  display: none; }