@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Nothing+You+Could+Do&family=Open+Sans:wght@400;600;800&display=swap');
/*----Variables-----*/

:root {
    --min-vw: 600;
    --min-vw-px: 600px;
    --max-vw: 2050;
    --p-max-size: 14;
    --p-min-size-px: 14px;
    --p-min-size: 14;
    --lg-min-vw: 1366;
    --lg-min-vw-px: 1366px;
    --lg-max-vw: 2050;
    --h1-max-size: 30;
    --h1-min-size-px: 30px;
    --h1-min-size: 30;
    --h2-max-size: 26;
    --h2-min-size-px: 26px;
    --h2-min-size: 26;
    --h3-max-size: 22;
    --h3-min-size-px: 22px;
    --h3-min-size: 22;
}

/*-----Global Tags-----*/

:root,
html,
body {
    font-size: 100% !important;
    font-size: calc( var(--p-min-size-px) + (var(--p-max-size) - var(--p-min-size)) * ((100vw - var(--min-vw-px)) / (var(--max-vw) - var(--min-vw)))) !important;
}

/*16px-18px*/

body,
p,
ul,
li,
a {
    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.page h1, .page .h1,
.page h2, .page .h2,
.page h3, .page .h3,
.page h4, .page .h4,
.page h5, .page .h5,
.page h6, .page .h6 {
    font-family: 'Niveau Grotesk Bold',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    line-height: 1.25em;
}

#et-top-navigation nav li a {
    font-family: 'Niveau Grotesk Bold',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
	line-height: 1.25em;
	margin:0;
}
.norm-txt {
    text-transform: none;
}
.boldTitle{
    font-family: 'Niveau Grotesk Bold',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
}
.blackTitle{
    font-family: 'Niveau Grotesk Black', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 800;
}
.handwritten,
.page .handwritten {
	font-family: 'Nothing You Could Do', cursive !important;
	font-weight: 800;
    font-style: normal;
    font-display: swap;
    line-height: 0.85em;
    text-transform: capitalize !important;;
}

/*---- Font Sizes ----*/

.page h1,
.page .h1 {
    margin-top: 0;
    font-size: clamp(2rem, 0.454rem + 1.8108vw, 2.627rem) !important;
}
.page h2,
.page .h2 {
    font-size: clamp(1.8rem, 0.454rem + 1.6108vw, 2.427rem) !important;
}
.page h3,
.page .h3 {
    font-size: clamp(1.6rem, 0.454rem + 1.4108vw, 2.227rem) !important;
}
.page h4,
.page .h4 {
    font-size: clamp(1.4rem, 0.454rem + 1.1108vw, 2rem) !important;
}
.page h5,
.page .h5 {
    font-size: clamp(1.2rem, 0.454rem + 1.8108vw, 1.8rem) !important;
}
.page h6,
.page .h6 {
    font-size: clamp(1.15rem, 0.454rem + 1.8108vw, 1.5rem) !important;
}
small,
.text_small {
    font-size: 0.889rem;
}
.text_half {
    font-size: 0.79rem;
}
sup {
    bottom: 0.5em;
    font-size: .8em;
}

.card-rate-blue h4.card-rate-title {
    color:  #0075AF;
}

span.card-rate-label {
    font-weight: 700;
}

.list-card-rates:last-child .card-rate-value {
    font-size: 1.424rem;
    height: 1.2rem;
    font-weight: 700;
}
.col-card-heloc-special-offer h3 {
    font-size: 2.027rem !important;
}
.col-card-heloc-special-offer p {
    font-size: 2.027rem !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.25em;
    color: #8a242e;
}
/*Divi Builder*/
h2.media-frame-menu-heading, div#media-frame-title h1, .et-cloud-app-content-wrapper.et-fb-use-native-scroll h2, h2.media-attachments-filter-heading , h3.et-fb-settings-heading, .et-fb-export-file-name-field h3, .et-cloud-app-layout-title-inner h3, .et-cloud-app-layout-title-inner h4 {
    font-size: 1rem!important;
}

@media all and (max-width: 600px) {
  :root,
    html,
    body {
        font-size: 90% !important;
    }
}