/* ==================================================
   BROWSER - BASE FONT SIZE
================================================== */

html {
    font-size: 16px; /* Default font size */
    line-height: 1.5; /* Base line height */
}
  
/* ==================================================
    IMPORT GOOGLE FONTS - INTER
================================================== */
  
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
  
/* ==================================================
    GLOBAL FONT INITIALIZATION
================================================== */

label, 
input, 
option,
ul, 
li, 
tr,
td,
th,
a,
select, 
h1, 
h2, 
h3, 
h4,
h5, 
h6, 
p, 

.mobile-warning p,
.fineprint p, 
.form-headline h6,
.dashboard-headline h6,
.form-headline p,

.body-sm, 
.body-sm-lft p, 
.body-legal p,

.dropdown-content,
.label-sidenav, 
.link-list a, 
.hd-login, 
.sbh-login, 
.hd-desktop, 
.edm-centered, 
.notification-message {
    /* font-family: 'inter', sans-serif;  */
    font-family: 'poppins', sans-serif;
    text-align: left; 
    font-weight: 400; 
    margin: 0; 
    padding: 0; 
    color: #000;
    line-height: 1.5;
}

select {font-size: 0.8rem; padding-left: 20px; line-height: 1.5;}

label {display: inline-block; font-size: 0.8rem; color: #000; margin-bottom: 0; line-height: 1.5;}

input {font-size: 0.8rem; color: #a8b3bf; line-height: 1.5;}

/* Override grey color for AI helper inputs - but allow placeholders to be grey */
.ai-helper-container input.ai-form-control:not(:placeholder-shown),
.ai-helper-container input.word-count-input:not(:placeholder-shown),
#key-message:not(:placeholder-shown),
#word-count-number:not(:placeholder-shown) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Force black when focused */
#key-message:focus,
#word-count-number:focus,
.ai-helper-container input.ai-form-control:focus {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Keep placeholders grey */
#key-message::placeholder,
#word-count-number::placeholder,
.ai-helper-container input.ai-form-control::placeholder {
    color: #9ca3af !important;
    -webkit-text-fill-color: #9ca3af !important;
}

option {color: #d71d1d; line-height: 1.5;}

li {font-size: 0.9rem; color: #000; margin: 0; text-align: left; line-height: 1.5;}

th {font-size: 0.9rem; font-weight: 500; padding: 0; color: #000; margin: 0; text-align: center; line-height: 1.5;}

tr {font-size: 0.9rem; color: #000; margin: 0; text-align: center; line-height: 1.5;}

td {font-size: 0.9rem; color: #000; margin: 0; text-align: left; line-height: 1.5;}

a {color: #99a2ac; line-height: 1.5; text-decoration: none;}

.link-list a {color: #fff; text-decoration: none; display: block; line-height: 1.5;}

.link-list a:hover {color: #000;}

.link-list a:active {color: #fff;}

/* .link-list a:visited {color: #99a2ac;} */

h1 {font-size: 2.8rem; color: #000; line-height: 1.2;}
h2 {font-size: 2rem; color: #000; line-height: 1.3;}
h3 {font-size: 1.8rem; color: #000; line-height: 1.3;}
h4 {font-size: 1.5rem; color: #000; line-height: 1.4;}
h5 {font-size: 1.3rem; color: #000; line-height: 1.4;}
h6 {font-size: 1rem; color: #000; line-height: 1.5;}

p {font-size: 0.9rem; color: #000; line-height: 1.5;}

.form-headline h6 { 
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #000;
    line-height: 1.5;
}

/* Responsive styles for form-headline h6 */
/* @media (max-width: 992px) {
    .form-headline h6 {
        font-size: 1.3rem;
    }
}

@media (max-width: 768px) {
    .form-headline h6 {
        font-size: 1.25rem;
    }
}

@media (max-width: 375px) {
    .form-headline h6 {
        font-size: 1.1rem;
    }
} */

.dashboard-headline h6 { 
    font-size: 1.1rem;
    text-align: left;
    color: #000; 
    padding: 0 0 0 0;
    margin-bottom: 20px;
    width: 100%;
    line-height: 1.5;
}

/* This font style is used for the analytics page */
.body-sm p {font-size: 0.7rem; text-align: center; color:#666; line-height: 1.5;}

.body-sm-lft p {text-align: left; font-size: 0.7rem; color:#000; line-height: 1.5;}

.body-legal p {font-size: 0.9rem; font-weight: 400; color: #000; text-align: left; margin-bottom: 1%; line-height: 1.5;}

.body-legal h5 {font-size: 1.1rem; font-weight: 600; color: #000; text-align: left; line-height: 1.4;}

.body-legal h6 {font-size: 1rem; font-weight: 600; text-align: left; color: #000; line-height: 1.5;}

.fineprint p {font-size: 0.7rem; color: #000; line-height: 1.5;}

.fineprint-edm p {font-size: 0.8rem; font-weight: 100; margin-bottom: 1em; line-height: 1.5;}

.review p {font-size: 0.9rem; color: #f30f0f; line-height: 1.5;}

.login-container h6 {font-size: 1.1rem; margin-bottom: 3%; line-height: 1.5;}

.container-signup h6 {font-size: 1.1rem; margin-bottom: 3%; line-height: 1.5;}

.hd-login {
    /* font-size: 1.6rem; */
    color: #000;
    font-weight: 500;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    line-height: 1.3;
}

.sbh-login {
    font-size: 1rem;
    color: #000;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin: 1rem auto 0;
    /* line-height: 1.4; */
}

.label-sidenav {font-size: 0.9rem; color: #000; text-align: center; margin: 0 6%; line-height: 1.5;}

.dropdown-content {font-size: 0.9rem; color: #0fd5f3; line-height: 1.5;}

.margin-bottom h1, .margin-bottom h2, .margin-bottom h3, .margin-bottom h4, .margin-bottom h5, .margin-bottom h6 {margin-bottom: 0;}

/* .edm-centered h1, .edm-centered h2, .edm-centered h3, .edm-centered h4, .edm-centered h5, .edm-centered h6, .edm-centered p {
    margin-top: 2% ; font-size: 0.95rem;} */

.edm-centered h1, .edm-centered h2, .edm-centered h3, .edm-centered h4, .edm-centered h5, .edm-centered h6, .edm-centered p {
   font-size: 0.95rem;}

.edm-centered p {
  padding: 1.5% 3% 1.5% 3%; margin: 0 0 20px 0; font-size: 0.95rem; border-radius: 10px; background-color: #fff; line-height: 1.5;}

.edm-centered-sm p {
  padding: 1% 6% 1% 6%; margin: 0 0 20px 0; font-size: 0.8rem; color: #007bff; font-style: italic; border-radius: 10px; background-color: #fff; line-height: 1.5;}

.edm-centered-alt p {
  padding: 1.5% 3% 1.5% 3%; margin: 10px 0 20px 0; font-size: 0.95rem; border-radius: 10px; background-color: #f2f9fb; line-height: 1.5;}

.edm-centered-alt-sm p {
  padding: 1% 0; margin: 0; font-size: 0.8rem; color: #007bff; font-style: italic; border-radius: 10px;  text-align: left; line-height: 1.5;}

/* THUMBNAIL CONTENT */

.thumb-content p {font-size: 0.7rem; font-weight: 400; margin-bottom: 0em; padding: 0.75em; color: #e01af1; line-height: 1.5;}

.tmb-headline {font-size: 1rem; font-weight: 600; margin: 0 0 1% 0; text-align: left; padding: 1% 0; color: #3356f5; line-height: 1.4;}

.tmb-subheadline p {font-size: 0.8rem; font-weight: 600; margin: 0em 0em 0em 0em; text-align: left; padding: 1em; color: #000; background-color: #eee; line-height: 1.5;}

.tmb-body p {font-size: 0.75rem; font-weight: 400; text-align: left; padding: 0.75em 0em 1em 0em; color: #f817c0; line-height: 1.5;}

.subnav-title p {font-size: 1rem; font-weight: 600; text-align: center; color: #3356f5; margin: 1em 0em 0em 0em; line-height: 1.4;}

.subnav-headline p {font-size: 1rem; font-weight: 600; text-align: left; padding: 1em; color: #3356f5; line-height: 1.4;}

.subnav-body p {font-size: 0.9rem; font-weight: 400; line-height: 1.1; text-align: center; margin: 1em 0em 0em 0em; color: #f817c0; line-height: 1.5;}

.menu-edm, .menu-edm a, .footer-tagline p {font-family: 'Poppins', sans-serif;}

.menu-edm a {color: #e01af1; font-size: 0.8rem; line-height: 1.5;}

.footer-tagline p {font-weight: 500; font-size: 1.4rem; line-height: 1.2; color: #fff; text-align: left; margin: 0 0 0 0; width: 100%;}

.mobile-warning p {font-weight: 400; font-size: 1.4rem; color: #fff; text-align: center; line-height: 1.2;}

/* ==================================================
   MEDIA QUERIES FOR LOGIN HEADLINES
================================================== */

/* @media (min-width: 1200px) {
    .hd-login {
        font-size: 1.6rem;
    }
    
    .sbh-login {
        font-size: 0.9rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hd-login {
        font-size: 1.6rem;
    }
    
    .sbh-login {
        font-size: 0.9rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hd-login {
        font-size: 1.6rem;
    }
    
    .sbh-login {
        font-size: 0.9rem;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .hd-login {
        font-size: 1.6rem;
    }
    
    .sbh-login {
        font-size: 0.9rem;
    }
}

@media (max-width: 575px) {
    .hd-login {
        font-size: 1.6rem;
    }
    
    .sbh-login {
        font-size: 0.9rem;
    }
} */