/* BASE STYLES */
/* WARNING: THIS FILE IS IMPORTED EVERYWHERE.
   IF THE OTHER FILES ARE NOT CHANGED, 
   THEIR CSS IS NOT AUTOMATICALLY REFRESHED
   (THAT INCLUES THE CHANGES FROM THIS FILE)
   TRY LEAVE IT AS IT IS.
*/
@import "../fonts/CenturyGothic/font-face.css";
@import "../fonts/FontAwesome/font-face.css";
@import "../fonts/GaramondRegular/font-face.css";
@import "../fonts/CenturySchoolbook/font-face.css";
@import "../fonts/Prata/font-face.css";
@import "../fonts/OpenSans/font-face.css";
/* Colors */
/* Typography */
/* Mixins */
/* Responsive Breakpoints */
/* Variables TO USE */
/* Variables used for EDGE CASES ONLY */
a:focus,
button:focus,
a:active:focus,
button:active:focus,
a.active:focus,
button.active:focus,
a.focus,
button.focus,
a:active.focus,
button:active.focus,
a.active.focus,
button.active.focus {
  outline: none;
}
.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn {
  font-family: "Open Sans Regular", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1.6rem;
  min-width: 13rem;
  min-height: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 1px;
  border-width: 0.2rem;
  margin: 1rem auto 0;
  outline: 0 none;
  white-space: nowrap;
  -webkit-transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  -ms-transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  /* PRIMARY */
  /* CTA */
  /* SECONDARY (back buttons) */
}
.btn:active {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}
.btn.btn-primary {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
  border-radius: 0.3rem;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
  font-size: 16px;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: #155D97;
  border-color: #155D97;
}
.btn.btn-primary:disabled,
.btn.btn-primary[disabled],
.btn.btn-primary.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
  background-color: #A7A9AC;
  color: white;
  border: 2px solid #A7A9AC;
}
.btn.btn-primary.btn-primary--yellow {
  background-color: #fbb040;
  border: 2px solid #fbb040;
}
.btn.btn-primary.btn-primary--yellow:hover,
.btn.btn-primary.btn-primary--yellow:focus {
  background-color: transparent;
  color: #fbb040;
  border: 2px solid #fbb040;
}
.btn.btn-blue {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
  border-radius: 5px 5px 5px 5px;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-blue:hover,
.btn.btn-blue:focus {
  color: #1C75BC;
  background: #ffffff;
}
.btn.btn-blue:disabled,
.btn.btn-blue[disabled],
.btn.btn-blue.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-white {
  background-color: #ffffff;
  border-color: #1C75BC;
  color: #1C75BC;
  border-radius: 5px 5px 5px 5px;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-white:hover,
.btn.btn-white:focus {
  color: #1664a3;
  border-color: #1664a3;
}
.btn.btn-white:disabled,
.btn.btn-white[disabled],
.btn.btn-white.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-white-transparent {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
  border-radius: 5px 5px 5px 5px;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-white-transparent:hover,
.btn.btn-white-transparent:focus {
  color: #ffffff;
  background: transparent;
}
.btn.btn-white-transparent:disabled,
.btn.btn-white-transparent[disabled],
.btn.btn-white-transparent.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-second {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-second:hover,
.btn.btn-second:focus {
  background-color: transparent;
  color: #1C75BC;
}
.btn.btn-second:disabled,
.btn.btn-second[disabled],
.btn.btn-second.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-grey {
  background-color: transparent;
  border-color: #6d6e71;
  color: #6d6e71;
}
.btn.btn-grey:hover {
  background-color: transparent;
  border-color: #6d6e71;
  color: #6d6e71;
}
.btn.btn-grey:active {
  background-color: transparent;
  border-color: #6d6e71;
  color: #6d6e71;
}
.btn.btn-grey:disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-third {
  background-color: #1c75bc;
  border-color: #1c75bc;
  color: #ffffff;
}
.btn.btn-third:hover,
.btn.btn-third:focus {
  background-color: transparent;
  border-color: #1c75bc;
  color: #1c75bc;
}
.btn.btn-center {
  left: 50%;
  position: relative;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.btn.btn-full {
  width: 100%;
  min-height: 45px;
}
.btn.btn-light {
  background: transparent;
  color: #6D6E71;
  margin: 0;
  border: 0.5px solid #6D6E71;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
  border-radius: 0.3rem;
  padding-top: 7px;
  padding-bottom: 7px;
}
.btn.btn-light:hover,
.btn.btn-light:focus {
  color: #6D6E71;
  border: 0.5px solid #6D6E71;
}
.btn.btn-light.btn-back {
  margin-right: 1rem;
}
.btn.btn-light.btn-back--no-border {
  margin-right: 0rem;
  border: 0px;
  min-width: auto;
  font-weight: bold;
  padding: 0px;
  text-align: left;
  font-family: "Open Sans SemiBold", sans-serif;
  font-weight: normal;
  font-size: 15px;
}
.btn.btn-green,
.btn.btn-success {
  background-color: #36B449;
  border-color: #36B449;
  color: #ffffff;
}
.btn.btn-green:hover,
.btn.btn-success:hover,
.btn.btn-green:focus,
.btn.btn-success:focus {
  background-color: transparent;
  border-color: #36B449;
  color: #36B449;
}
.btn.btn-red {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
}
.btn.btn-red:hover,
.btn.btn-red:focus {
  background-color: transparent;
  border-color: #1C75BC;
  color: #1C75BC;
}
.btn.btn-danger {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus {
  background-color: transparent;
  border-color: #1C75BC;
  color: #1C75BC;
}
.btn.small {
  font-size: 1.4rem;
}
.btn.full-width {
  width: 100%;
}
.btn.btn--homepage-section {
  min-width: 25rem;
}
.btn.btn--long {
  padding-left: 70px;
  padding-right: 70px;
}
.btn.btn-wrap {
  white-space: normal;
}
.btn.btn__login {
  /* make the login button look like the register */
  min-width: 133px;
}
.container .SB_stealthButton {
  background-color: #1C75BC;
  border: 1px solid #1C75BC;
}
.btn-tertiary {
  font-family: 'Open Sans Regular';
  font-size: 14px;
  color: #1C75BC;
  text-decoration: capitalize;
  font-weight: normal;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.btn-tertiary.btn {
  min-width: auto;
  letter-spacing: 0;
}
.btn-tertiary.disabled {
  color: #bcbec0;
}
.btn-tertiary.disabled:hover {
  text-decoration: none;
  color: #bcbec0;
}
.btn-tertiary:hover {
  color: #1C75BC;
  text-decoration: underline;
  font-weight: normal;
}
.btn-tertiary:focus {
  color: #1C75BC;
}
table .btn {
  margin-top: 0;
}
/* HOW WILL YOU USE HOAMPAGE? buttons */
.htwhp__button {
  min-width: 192px;
}
.btn--nowrap {
  white-space: nowrap;
}
.btn-tertiary--underline {
  font-family: 'Open Sans Regular';
  font-size: 14px;
  color: #1C75BC;
  text-decoration: capitalize;
  font-weight: normal;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  text-decoration: underline;
}
.btn-tertiary--underline.btn {
  min-width: auto;
  letter-spacing: 0;
}
.btn-tertiary--underline.disabled {
  color: #bcbec0;
}
.btn-tertiary--underline.disabled:hover {
  text-decoration: none;
  color: #bcbec0;
}
.btn-tertiary--underline:hover {
  color: #1C75BC;
  text-decoration: underline;
  font-weight: normal;
}
.btn-tertiary--underline:focus {
  color: #1C75BC;
}
.btn-tertiary--bold {
  font-weight: bold;
}
.showModalButton {
  cursor: pointer;
}
.btn-primary-hover {
  background-color: #1C75BC;
  border-color: #1C75BC;
}
.btn-text-default {
  font-family: "Open Sans Regular", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 16px;
}
.btn-second-hover {
  background-color: #008FD5;
  border-color: #008FD5;
}
/*# sourceMappingURL=buttons.css.map */