@import url(https://www.standard.com/sites/default/files/unmanaged/assets/public/css/thestan-timbr.css);

@font-face {
    font-family: 'TheStanTimbr';
    src: url('https://www.standard.com/themes/custom/outline_frontend/dist/assets/fonts/thestan-timbr/TheStanTimbr-Regular.woff2')
         format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TheStanTimbr';
    src: url('https://www.standard.com/themes/custom/outline_frontend/dist/assets/fonts/thestan-timbr/TheStanTimbr-Bold.woff2')
         format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Update your existing rules in styles.css to this: */
[style*="font-family: AdobeClean-Regular"], .adobe-regular-class {
  font-family: TheStanTimbr, Roboto, "Segoe UI", Verdana, sans-serif !important;
}

[style*="font-family: AdobeClean-Bold"], .adobe-bold-class {
  font-family: TheStanTimbr, Roboto, "Segoe UI", Verdana, sans-serif !important;
  font-weight: 700 !important;
}

/* Catch-all for any elements using the font name */
* {
    font-family: "TheStanTimbr", Roboto, "Segoe UI", Verdana, sans-serif !important;
}

body {
    margin: 0;
    font-family: "TheStanTimbr", Roboto, "Segoe UI", Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code {
    font-family: "TheStanTimbr", Roboto, "Segoe UI", Verdana, sans-serif;
}

input {
  font-family: inherit;
}

.gap-calculator {
    max-width: 850px;
    margin: auto
}

.__react_component_tooltip {
    width: 200px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.__react_component_tooltip.show {
    opacity: 1 !important
}

.form-wrapper {
    display: grid;
    grid-template-columns: 45% 45%;
    grid-column-gap: 5%;
    -webkit-column-gap: 5%;
    column-gap: 5%
}

@media only screen and (max-width:768px) {
    .form-wrapper {
        grid-template-columns: 1fr
    }
}

legend {
    font-size: inherit
}

.calc-tool-tip {
    display: inline
}

#after-tax,
#before-tax,
#employer {
    margin-right: 8px
}

.input-wrapper input {
    border: none;
    border-bottom: 1px solid;
	font-family: inherit;
	font-size: 1rem;
	color: #505050;
}

.input-wrapper input:focus::-webkit-input-placeholder {
    color: transparent
}

.input-wrapper input:focus::placeholder {
    color: transparent
}

.gap-wrapper {
    padding: 20px;
    text-align: center;
    transition: background-color .75s ease
}

.gap-wrapper img {
    width: 75px;
    height: auto;
    display: inline;
    padding-bottom: 20px;
    margin-right: 15px
}

.gap-wrapper .gap-header {
    display: inline
}

.gap-wrapper .hidden {
    display: none
}

.gap-calculator hr {
    width: 200px
}

.gap-message-0 {
    background-color: #004ea8;
    color: #fff;
	border-radius: 10px;
	margin-bottom: 16px;
}

.gap-message-1 {
    background-color: #ffd200
}

.gap-message-2 {
    background-color: #e31937;
    color: #fff
}

#gap-calc .loading-spinner {
    display: flex;
    justify-content: center;
    margin-top: 100px
}

/*# sourceMappingURL=main.e8593420.chunk.css.map */