/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_rogers_core/cartridge/client/default/scss/contactUs.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_rogers_core/cartridge/client/default/scss/contactUs.scss (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_rogers_core/cartridge/client/default/scss/contactUs.scss (2) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.form-group.required .form-control-label::after {
  content: "* Required";
  color: #A22325; }

.js-footer-signup-form {
  position: relative; }

input {
  border-radius: 0; }
  input.form-control {
    height: 56px;
    border-radius: 4px;
    border-color: #D8D8DB;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    input.form-control.custom-input {
      border-radius: 0; }
    input.form-control:focus {
      outline: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-color: #222222; }

.custom-checkbox {
  position: relative; }
  .custom-checkbox .custom-control-input:focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .custom-checkbox .custom-control-label::after {
    background: #fff;
    border: 1px solid #d8d8d8;
    width: 16px;
    height: 16px;
    top: -0.125rem; }
  .custom-checkbox .custom-control-label::before {
    top: -0.125rem; }

.custom-label {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.625rem;
  text-transform: uppercase;
  margin: 0.75rem 0; }

.form-control-label {
  font-size: 0.625rem;
  text-transform: uppercase;
  margin: 0 0 0.375rem;
  letter-spacing: 0.1em;
  font-family: "DM Sans", Arial, Helvetica;
  font-weight: 400; }

.invalid-feedback {
  font-size: 0.625rem;
  text-transform: uppercase;
  margin: 0 0 0.375rem;
  letter-spacing: 0.1em;
  font-family: "DM Sans", Arial, Helvetica;
  font-weight: 400;
  width: 100%;
  text-align: left; }

.contact-us-signup-message {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 1; }

.contact-us-signup-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .contact-us-signup-alert.show {
    display: block; }

.contact-options {
  margin: 20px 0; }
  .contact-options .grey-box h6 {
    font-size: 24px; }
  .contact-options .grey-box h2 {
    font-size: 24px; }
  .contact-options .grey-box p {
    font-size: 14px; }

.contactform-title {
  font-size: 24px;
  line-height: 100%;
  margin-bottom: 15px; }

.required-note {
  font-size: 0.9em;
  color: #8A181A; }

.contact-us-store-heading {
  font-size: 24px; }


/*# sourceMappingURL=contactUs.css.map*/