/* Sets default HTML font size, as plugins kept interfering and resetting it, making things set to REM inconsistent */
html {
    font-size: 10px;
}

.form-control {
    font-size: 1.5rem;
}

.td-js-loaded .td-scroll-up {
    z-index: 99999;
}

.td-scroll-up {
    opacity: 0;
}

.td-scroll-up-visible {
    opacity: 1;
}

/* Nav Classes that are assigned through Javascript
   I known it's bad but it's the only way to work around tag div
*/

.admin-bar .td-header-menu-wrap.td-affix {
    position: static !important;
}

.td-header-style-10 .td-header-menu-wrap.td-header-gradient {
    margin: 0 auto;
    width: 100%;
    z-index: 9999999;
    transform: translate3d(0px, 0px, 0px) !important;
    background-color: #f9f9f9 !important;
    visibility: visible !important;
}

div.static-nav {
    /* Needs important as the style that tag div assigns is !important as well */
    position: static !important;
}

div.fixed-nav {
    position: fixed !important;
    top: 0;
}

div.nav-bg {
    background-color: #fff !important;
}