html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* site-wide font*/
* {
    font-family: 'Noto Sans';
}

body {
    background-color: #282C36;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/img/RWS_bg-1c.png');
}

a, 
a:link, 
a:visited {
    color: #04a899;
}

a:hover {
    color: #9bdcd6;
    text-decoration: none;
}

/* site max width*/
.cover-container {
    max-width: 60em;
}

/* Custom default button */
.dropdown a,
.dropdown a:visited,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
    color: #333;
    text-shadow: none; /* Prevent inheritance from `body` */
}

.background-dark {
    background-color: #2e323e;
}

.btn-primary {
    color: #fff;
    text-shadow: none;
    background-color: #008080;
    border-color: #008080;
}

.btn-primary:hover {
    background-color: #00ccc2;
}

.btn-primary:focus {
    background-color: #00A89F;
    border-color: #00ccc2;
}

.no-bullet {
    list-style-type: none;
}

/* special class for components that should fill (almost) whole screen like voyager or graphql playground */
.fillscreen {
    height: 100%;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #181b21;
}

/* Icons */
.link-icon::after {
    content: url('/img/icons/box-arrow-up-right.svg');
    padding-left: 0.5em;
    padding-bottom: 0.25em;
    width: 80%;
}

.check-lg::before {
    content: url('/img/icons/check-lg.svg');
    padding-right: 0.5em;
}

.caret-right::before {
    content: url('/img/icons/caret-right.svg');
    padding-right: 0.5em;
}


.calendar4-event::before {
    content: url('/img/icons/calendar4-event.svg');
    padding-right: 0.5em;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #D3D3D3;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #04a899;
}