@import url('https://fonts.googleapis.com/css?family=Coiny|Montserrat|Nunito|Roboto|Montserrat|Raleway|Ubuntu|Indie+Flower|Dosis:400,800|Poiret+One|Josefin+Sans|Pacifico|Quicksand|Open+Sans&display=swap');

html { scroll-behavior: smooth; }
ion-icon { pointer-events: none; }

a:hover { color: white; text-decoration: none; }
a:hover.hoverable { color: #00a7d0 !important; }
a:hover.nodecoration { color: #000 !important; }

.active { font-weight: bolder !important; background-color: #f5f6f7; color: #245374; }

.black { color: #000; }
.bg-color-inherit { background-color: inherit !important; }
.border, .bordered { border: 3px solid black; }
.bordered { border-color: #555; }

.center-absolute { position: absolute; min-width: 500px; top: 10px; right: 50%; margin-right: -250px; }

.centrify { margin: 0 auto !important; }

.deepgrey { color: #3A3A3A; }
.disabled img { filter: opacity(20%); cursor: not-allowed; }
.disabled > .no-entry {  pointer-events: none; cursor: not-allowed; }

.envoy-tile { position: relative; margin: 0 0 10px 10px; min-width: 100px; border: 1px solid ddd; }
.footer { background-color: #fff; padding: 3rem 1.5rem 6rem; }

.gray { color: #ccc; }
.grey { color: #555; }
.greybg, .bg-grey { color: #fff; background-color: #333; }

.has-art-background { background-image: url(../imgs/envoy-art.svg); background-repeat: no-repeat; }

/* this is for buttons */
.is-curved-radius { border-radius: 10px !important; }
.is-highlighted { background-color: #3273dc !important; color: #fff !important; font-weight: bold !important; border-color: #3273dc; }
.is-round { border-radius: 50% !important; }
.is-selected { font-weight: 900 !important; color: #3273dc; }
.is-text-top { vertical-align: middle !important; }

.light-gray { color: #555 !important; }

.lime { color: #0c1; }
.limegreen { color: #0FB251; }
.limegreen-bg, .bg-limegreen { color: #fff; background-color: #0FB251; }

nav .is-selected { color: #5a256e; }
.navbar-flat { border-radius: 0 !important; }
.navyblue { color: #000040; }
.no-decoration, .text-decoration-none { text-decoration: none !important; }

pre { background-color: #333; }
pre code { color: #00a157 !important; }

.red, .color-red { color: #ff0000; }

.transparent-1 { opacity: 0.9; }
.transparent-2 { opacity: 0.8; }
.transparent-3 { opacity: 0.7; }
.transparent-4 { opacity: 0.6; }
.transparent-5 { opacity: 0.5; }
.transparent-6 { opacity: 0.4; }
.transparent-7 { opacity: 0.3; }
.transparent-8 { opacity: 0.2; }
.transparent-9 { opacity: 0.1; }
.transparent-10 { opacity: 0; }

.zen { color: #245374; }
.zenbg { color: #fff; background-color: #245374; }