/* Automatic moved imports */
     @import url('https://fonts.googleapis.com/css2?family=Montserrat');

/* Automatically generated  | No host */



    * {
        font-family: "Montserrat", sans-serif;
        font-style: normal;
    }
 
.embedded-app {
    padding-top: 0;
}

.embedded-app .navbar{
    display: none;
}


footer img {
        filter: brightness(0) invert(1);
}

.embedded-app .f-widget{
    height: 100vh !important;
}


.manual-tag [scale="md"] {
    color: black !important;
}

/* Override - Body BG */


/* Override - Raw */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Unbounded:wght@200..900&family=Varela+Round&display=swap');

body {
  background-image: url(https://landing.roostcurrency.com/wp-content/uploads/2024/09/ROOST-BACKGROUND-2.jpg)!important;
  background-size: cover;
  background-position: bottom center; /* Positions the image at the bottom center */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  background-attachment: fixed; /* Keeps the background fixed on scroll */
}

img.logo {
    width: 300px !important;
    height: 100px !important;
    padding-top: 100px !important;
    background-image: url(https://roostcurrency.com/media/P2OBRH4UH6_RoostLogo.png);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden !important;
}

nav.main-nav {
    background: #2bc3e3!important;
}

nav.navbar {
    box-shadow: none;
    background: #2bc3e3!important;
}

nav.navbar .navbar-brand img {
    height: 40px!important;
}

footer {
    background: #2bc3e3!important;
  margin-top: auto;
display: none;
}

ul.dropdown-menu.show {
    background-color: #a4ee79;
    padding: 5px;
    font-size: 15pt;
   z-index: 500000000;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #000000;
    margin-bottom: 5px;
   margin-top: 5px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #3a80fe!important;
}

.staking-nav-border {
    border: 1px solid #3a80fe!important;
   background-color: white;
}

.c3htmlwrap { 
background: red!important;
background-color: red!important;
}

.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color:   background-color: #3a80fe!important;
    border-color:    background-color: #3a80fe!important;
}

.btn-outline-primary {
    --bs-btn-color: #3a80fe!important;
    --bs-btn-border-color: #3a80fe!important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3a80fe!important;
    --bs-btn-hover-border-color: #3a80fe!important;
    --bs-btn-focus-shadow-rgb: 10, 84, 224;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3a80fe!important;
    --bs-btn-active-border-color: #3a80fe!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #3a80fe!important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3a80fe!important;
    --bs-gradient: none;
}

.top-bar {
    background: #fff6b5;
}

.nav-item a.nav-link {
    font-family: "Monument Extended", Sans-serif!important;
    font-size: 19px!important;
    font-weight: 700!important;
    text-decoration: none!important;
    line-height: 22.5px!important;
    color: white!important;
}