@charset "UTF-8";
/* morebits-2020 typography inspired by Skeleton */
html { font-size: 62.5%; }

body { font-size: 1.4em; line-height: 1.6; font-weight: 400; font-family: "Work Sans", Verdana, sans-serif; color: #707070; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

.header { margin-top: 6rem; margin-bottom: 6rem; }

a { color: #1eaedb; }

a:hover { color: #1b9cc5; }

hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #e1e1e1; }

img { max-width: 100%; }

nav ul { padding-left: 0px; }

nav ul li { display: inline-block; list-style-type: none; text-transform: uppercase; text-align: right; margin-right: 2rem; border-bottom: 4px solid transparent; }

nav ul li a:hover, nav ul li a:link, nav ul li a:visited { color: inherit; text-decoration: none; }

nav ul li:hover, nav ul li.active { border-color: #00bce3; }

@media (min-width: 841px) { nav { text-align: right; } nav ul li { text-align: right; margin-right: 0rem; margin-left: 3rem; } }

.text-center { text-align: center; }

.text-uppercase { text-transform: uppercase; }

.padding-top { padding-top: 16px !important; }

.padding-bottom { padding-bottom: 16px !important; }

.padding-right { padding-right: 16px !important; }

.list-item, .closing-content { padding-bottom: 5rem; }

.more-space { padding-bottom: 15rem; }

/* make clickable heading look the same as our nav */
a.likenav { border-bottom: 4px solid transparent; text-decoration: none; display: inline-block; }

a.likenav h3 { margin-bottom: 0px; }

a.likenav:hover { border-color: #00bce3; }

.image-container { display: inline-block; position: relative; width: 100%; }

.image-container:hover .overlay { opacity: 0.9; }

.image-container.clickable:after { content: '☉'; position: absolute; background: transparent; color: #00bce3; opacity: 0.9; font-size: 200%; text-align: center; bottom: 0px; right: 8px; }

.image-container .image { display: block; width: 100%; height: auto; }

.image-container .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #00bce3; }

.image-container .overlay .text { color: white; font-size: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

h1, h2, h3, h4, h5, h6 { margin-top: 0.5rem; font-weight: 400; color: #575757; }

h1, h2, h3 { margin-bottom: 1.4rem; }

h4, h5 { margin-bottom: 1.2rem; }

h6 { margin-bottom: 0rem; }

h1 { font-size: 3.0rem; line-height: 1.2; letter-spacing: 0rem; font-weight: 800; }

h2 { font-size: 2.6rem; line-height: 1.25; letter-spacing: -.1rem; }

h3 { font-size: 2.0rem; line-height: 1.3; letter-spacing: -.1rem; }

h4 { font-size: 1.8rem; line-height: 1.35; letter-spacing: -.08rem; }

h5 { font-size: 1.6rem; line-height: 1.5; letter-spacing: -.05rem; }

h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }

/* slogans of our projects  .slogan{ font-style: italic; }*/
p { margin-top: 0; }

.store-badge img { max-width: 150px; }

ul { list-style: circle; padding-left: 1.5rem; }

ol { list-style: decimal inside; padding-left: 0; margin-top: 0; }

ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }

li { margin-bottom: 0.5rem; }

code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #f1f1f1; border: 1px solid #e1e1e1; border-radius: 4px; }

pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }

pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2rem; }