/*

░█████╗░████████╗████████╗███████╗███╗░░██╗████████╗██╗░█████╗░███╗░░██╗
██╔══██╗╚══██╔══╝╚══██╔══╝██╔════╝████╗░██║╚══██╔══╝██║██╔══██╗████╗░██║
███████║░░░██║░░░░░░██║░░░█████╗░░██╔██╗██║░░░██║░░░██║██║░░██║██╔██╗██║
██╔══██║░░░██║░░░░░░██║░░░██╔══╝░░██║╚████║░░░██║░░░██║██║░░██║██║╚████║
██║░░██║░░░██║░░░░░░██║░░░███████╗██║░╚███║░░░██║░░░██║╚█████╔╝██║░╚███║
╚═╝░░╚═╝░░░╚═╝░░░░░░╚═╝░░░╚══════╝╚═╝░░╚══╝░░░╚═╝░░░╚═╝░╚════╝░╚═╝░░╚══╝
*/
/* Please do not modify this CSS file before consulting with SLIM MKAWAR (U8DW). Thank you! */

/* This CSS is used by a reusable email form (https://pages.e-vanguard.com/page.aspx?QS=1550dccf35ce5f7441e9371c89a459f2d6bd852fd01dc4a2e3cd0653e32cbf04) */
/* Please make sure to NOT OVERRIDE any css and use a UNIQUE ID to target the CSS to your form, the ID should be appended to the above url (&id=*your_id*) */

/* Global CSS shared between all iFrame */

/* DO NOT MODIFY IN ANY CIRCUMSTANCE */

@import url(https://constellation-static.web.vanguard.com/v0/fonts/constellation-fonts.css);

.form-main-container *,
.thank-you-container * {
  font-family: "FF Mark" !important;
  font-weight: 400;
}
body {
  margin: 0;
}

/* End of global CSS*/

/*//////////////////////////////////*/
/* DA Details page form. ID=da-tech */
/*/////////////////////////////////*/

#da-tech .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
}

#da-tech .error-container {
  height: 24px;
}

#da-tech .error-message {
  color: red;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
}

#da-tech .flex-form-container {
  width: 100%;
}

#da-tech .flex-form {
  display: flex;
  display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* old versions of Chrome/Safari/Opera */
  width: 100%;
  margin: 0;
}

#da-tech .email-input {
  width: 60%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-size: 1rem;
  height: 4rem;
  padding-left: 0.5rem;
  border-color: #949494;
}

#da-tech .submit-button {
  font-family: "Univers-Basic-Bold", Arial, sans-serif !important;
  height: auto;
  color: #000;
  border-color: #000;
  padding: 1rem 2.25rem;
  border-radius: 5rem;
  border: 2px solid;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
#da-tech .submit-button:hover {
  color: #000;
  box-shadow: 0 0 0 2px #000;
}
#da-tech .submit-button:active {
  color: #000;
  background-color: rgb(51, 51, 51);
}

#da-tech .thank-you-message {
  margin-top: 30px;
  font-size: 1.5rem;
}

@media (max-aspect-ratio: 16/5) {
  #da-tech .email-input {
    width: 100%;
    margin-bottom: 1rem;
  }
  #da-tech .submit-button {
    margin-left: 2px;
    margin-bottom: 2px;
  }
}

/*//////////////////////////////*/
/* End of DA Details page form */
/*/////////////////////////////*/

/*///////////////////////////////////////////*/
/* GA landing page form. ID=general-advice-1 */
/*///////////////////////////////////////////*/

#general-advice-1 .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
}

#general-advice-1 .error-container {
  height: 24px;
}

#general-advice-1 .error-message {
  color: white;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
}

#general-advice-1 .flex-form-container {
  width: 100%;
}

#general-advice-1 .flex-form {
  display: flex;
  display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* old versions of Chrome/Safari/Opera */
  width: 100%;
  margin: 0;
}

#general-advice-1 .email-input {
  width: 60%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-size: 1rem;
  height: 4rem;
  padding-left: 0.5rem;
}

#general-advice-1 .submit-button {
  font-family: "Univers-Basic-Bold", Arial, sans-serif !important;
  width: 30%;
  height: auto;
  color: #fff;
  box-shadow: 0 0 0 0 #96151d;
  background-color: #96151d;
  padding: 1rem 2.25rem;
  border-radius: 5rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
#general-advice-1 .submit-button:hover {
  color: #fff;
  box-shadow: 0 0 0 2px #ba2028;
  background-color: #ba2028;
}
#general-advice-1 .submit-button:active {
  color: #fff;
  background-color: rgb(51, 51, 51);
}

#general-advice-1 .thank-you-message {
  margin-top: 30px;
  color: white;
  font-size: 1.5rem;
}

@media (max-aspect-ratio: 16/5) {
  #general-advice-1 .email-input {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  #general-advice-1 .submit-button {
    width: 100%;
  }
  #general-advice-1 .submit-button {
    margin-left: 2px;
    margin-bottom: 2px;
  }
}

/*//////////////////////////////*/
/* End of GA landing page form */
/*/////////////////////////////*/

/*/////////////////////////////////////*/
/* SD landing page form. ID=sd-landing */
/*////////////////////////////////////*/

#sd-landing .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
}

#sd-landing .error-container {
  height: 24px;
}

#sd-landing .error-message {
  color: white;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
}

#sd-landing .flex-form-container {
  width: 100%;
}

#sd-landing .flex-form {
  display: flex;
  display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* old versions of Chrome/Safari/Opera */
  width: 100%;
  margin: 0;
}

#sd-landing .email-input {
  width: 60%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-size: 1rem;
  height: 4rem;
  padding-left: 0.5rem;
}

#sd-landing .submit-button {
  font-family: "Univers-Basic-Bold", Arial, sans-serif !important;
  height: auto;
  color: #fff;
  border-color: #fff;
  padding: 1rem 2.25rem;
  border-radius: 5rem;
  border: 2px solid;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
#sd-landing .submit-button:hover {
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
}
#sd-landing .submit-button:active {
  color: #fff;
  background-color: rgb(51, 51, 51);
}

#sd-landing .thank-you-message {
  margin-top: 30px;
  font-size: 1.5rem;
  color: #fff;
}

@media (max-aspect-ratio: 16/5) {
  #sd-landing .email-input {
    width: 100%;
    margin-bottom: 1rem;
  }
  #sd-landing .submit-button {
    margin-left: 2px;
    margin-bottom: 2px;
  }
}

/*//////////////////////////////*/
/* End of SD landing page form */
/*/////////////////////////////*/

/*////////////////////////////////////////////*/
/* Digital advisor (NGA) page form. ID=da-nga */
/*////////////////////////////////////////////*/

#da-nga .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
}

#da-nga .error-container {
  height: 24px;
}

#da-nga .error-message {
  color: #E00000;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
}

#da-nga .flex-form-container {
  width: 100%;
}

#da-nga .flex-form {
  display: flex;
  display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* old versions of Chrome/Safari/Opera */
  width: 100%;
  margin: 0;
}

#da-nga .email-input {
  width: 60%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-size: 1rem;
  height: 4rem;
  padding-left: 0.5rem;
}

#da-nga .submit-button {
  font-family: "Univers-Basic-Bold", Arial, sans-serif !important;
  height: auto;
  color: #000;
  border-color: #000;
  padding: 1rem 2.25rem;
  border-radius: 5rem;
  border: 2px solid;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
#da-nga .submit-button:hover {
  color: #000;
  box-shadow: 0 0 0 2px #000;
}
#da-nga .submit-button:active {
  color: #000;
  background-color: rgb(51, 51, 51);
}

#da-nga .thank-you-message {
  margin-top: 30px;
  font-size: 1.5rem;
}

@media (max-aspect-ratio: 16/5) {
  #da-nga .email-input {
    width: 100%;
    margin-bottom: 1rem;
  }
  #da-nga .submit-button {
    margin-left: 2px;
    margin-bottom: 2px;
    width: 93%;
  }
}

/*////////////////////////////////////////*/
/* End of Digital advisor (NGA) page form */
/*////////////////////////////////////////*/

/*///////////////////////////////////////////*/
/* Why Vanguard page form. ID=why-vanguard */
/*///////////////////////////////////////////*/

#why-vanguard .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
}

#why-vanguard .error-container {
  height: 24px;
}

#why-vanguard .error-message {
  color: white;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
}

#why-vanguard .flex-form-container {
  width: 100%;
}

#why-vanguard .flex-form {
  display: flex;
  display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* old versions of Chrome/Safari/Opera */
  width: 100%;
  margin: 0;
}

#why-vanguard .email-input {
  width: 60%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-size: 1rem;
  height: 4rem;
  padding-left: 0.5rem;
}

#why-vanguard .submit-button {
  font-family: "Univers-Basic-Bold", Arial, sans-serif !important;
  width: 30%;
  height: auto;
  color: #fff;
  box-shadow: 0 0 0 0 #96151d;
  background-color: #96151d;
  padding: 1rem 2.25rem;
  border-radius: 5rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
#why-vanguard .submit-button:hover {
  color: #fff;
  box-shadow: 0 0 0 2px #ba2028;
  background-color: #ba2028;
}
#why-vanguard .submit-button:active {
  color: #fff;
  background-color: rgb(51, 51, 51);
}

#why-vanguard .thank-you-message {
  margin-top: 30px;
  color: white;
  font-size: 1.5rem;
}

@media (max-aspect-ratio: 16/5) {
  #why-vanguard .email-input {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  #why-vanguard .submit-button {
    width: 100%;
  }
  #why-vanguard .submit-button {
    margin-left: 2px;
    margin-bottom: 2px;
  }
}

/*//////////////////////////////*/
/* End of Why Vanguard page form */
/*/////////////////////////////*/

/*////////////////////////////////////////////////*/
/* Investment products page form. ID=inv-products */
/*////////////////////////////////////////////////*/

#inv-products .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
}

#inv-products .error-container {
  height: 24px;
}

#inv-products .error-message {
  color: white;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
}

#inv-products .flex-form-container {
  width: 100%;
}

#inv-products .flex-form {
  display: flex;
  display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* old versions of Chrome/Safari/Opera */
  width: 100%;
  margin: 0;
}

#inv-products .email-input {
  width: 60%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-size: 1rem;
  height: 4rem;
  padding-left: 0.5rem;
}

#inv-products .submit-button {
  font-family: "Univers-Basic-Bold", Arial, sans-serif !important;
  height: auto;
  color: #fff;
  border-color: #fff;
  padding: 1rem 2.25rem;
  border-radius: 5rem;
  border: 2px solid;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
#inv-products .submit-button:hover {
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
}
#inv-products .submit-button:active {
  color: #fff;
  background-color: rgb(51, 51, 51);
}

#inv-products .thank-you-message {
  margin-top: 30px;
  font-size: 1.5rem;
  color: #fff;
}

@media (max-aspect-ratio: 16/5) {
  #inv-products .email-input {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  #inv-products .submit-button {
    margin-left: 2px;
    margin-bottom: 2px;
    width: 100%;
  }
}

/*///////////////////////////////////////*/
/* End of Investment products page form */
/*/////////////////////////////////////*/

/*////////////////////////////////////////////////*/
/* PAS Shop Quizbot-V2 form. ID=pas-shop-quiz-v2 */
/*//////////////////////////////////////////////*/

#pas-shop-quiz-v2 .error-message {
  font-size: 12px;
  margin: 0 0 5% 0;
  color: #96151d;
}
#pas-shop-quiz-v2 .flex-form-container {
  width: 100%;
}
#pas-shop-quiz-v2 .flex-form {
  width: 100%;
  margin: 0;
}
#pas-shop-quiz-v2 .email-input {
  border: solid 1px black;
  background: #fff;
  color: black;
  width: 99%;
  height: 48px;
  border-radius: 3px;
  text-indent: 20px;
}
#pas-shop-quiz-v2 .submit-button,
#pas-shop-quiz-v2 .thank-you-message {
  display: none;
}

/*//////////////////////////////////*/
/* End of PAS Shop Quizbot-V2 form */
/*////////////////////////////////*/

/*///////////////////////////////////////*/
/* Account types page form. ID=acc-type */
/*/////////////////////////////////////*/

#acc-type .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
}

#acc-type .error-container {
  height: 24px;
}

#acc-type .error-message {
  color: white;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
}

#acc-type .flex-form-container {
  width: 100%;
}

#acc-type .flex-form {
  display: flex;
  display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* old versions of Chrome/Safari/Opera */
  width: 100%;
  margin: 0;
}

#acc-type .email-input {
  width: 60%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-size: 1rem;
  height: 4rem;
  padding-left: 0.5rem;
}

#acc-type .submit-button {
  font-family: "Univers-Basic-Bold", Arial, sans-serif !important;
  height: auto;
  color: #fff;
  border-color: #fff;
  padding: 1rem 2.25rem;
  border-radius: 5rem;
  border: 2px solid;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
#acc-type .submit-button:hover {
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
}
#acc-type .submit-button:active {
  color: #fff;
  background-color: rgb(51, 51, 51);
}

#acc-type .thank-you-message {
  margin-top: 30px;
  font-size: 1.5rem;
  color: #fff;
}

@media (max-aspect-ratio: 16/5) {
  #acc-type .email-input {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  #acc-type .submit-button {
    margin-left: 2px;
    margin-bottom: 2px;
    width: 100%;
  }
}

/*/////////////////////////////////*/
/* End of Account types page form */
/*////////////////////////////////*/

/*//////////////////////////////////////////*/
/* New Constellation AEM Forms. ID=cons-aem */
/*//////////////////////////////////////////*/

#cons-aem .btn {
  height: 64px;
  width: auto;
  max-width: 100%;
  padding: 0 32px;
  border-radius: 5rem;
  margin: 0;
  outline: 0;
  user-select: none;
  overflow: visible;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4117647059;

  transition: width 0.15s ease-in-out,
      height 0.15s ease-in-out,
      color 0.15s ease-in-out,
      background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out,
      box-shadow 0.15s ease-in-out,
      border 0.15s ease-in-out,
      margin 0.15s ease-in-out,
      padding 0.15s ease-in-out;
}

#cons-aem .error-container {
  height: 22px;
}

#cons-aem .error-message {
  color: #BA3D21;
  font-size: 11px;
  line-height: 16px;
  margin: 0 2px;
}

#cons-aem .error-label {
  font-weight: 700;
}

#cons-aem .flex-form-container {
  width: 100%;
}

#cons-aem .flex-form {
  display: flex;
  display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* old versions of Chrome/Safari/Opera */
  width: 100%;
  margin: 0;
}

#cons-aem .email-input {
  width: 60%;
  margin-left: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-size: 17px;
  height: 4rem;
  padding-left: 0.5rem;
}

#cons-aem .submit-button {
  color: #fff;
  background-color: #040505;
  border: 2px solid #040505;
}

#cons-aem .submit-button:hover {
  background-color: #fff;
  color: #040505;
  text-decoration: none;
}

#cons-aem .submit-button:focus-visible {
  background: #fff;
  color: #040505;
  border: 2px solid #040505;
  position: relative;
  outline: 0.125rem solid #fff;
  outline-offset: 0.25rem;
}

#cons-aem .submit-button:active {
  background-color: #fff;
  border: 2px solid #1a1a1a;
  color: #040505;
}

#cons-aem .submit-button:focus-visible::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: inherit;
  outline: 0.125rem solid #0f62c5;
  outline-offset: 0.25rem;
}

#cons-aem .thank-you-message {
  margin-top: 30px;
  font-size: 17px;
  line-height: 24px;
  color: #040505;
}

@media (max-aspect-ratio: 16/5) {
  #cons-aem .email-input {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 2px;
  }
  #cons-aem .submit-button {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 2px;
    width: 100%;
  }
}

/*////////////////////////////////*/
/* End of Constellation AEM forms */
/*///////////////////////////////*/