/* ONAGI by Hank Martin */
a {
    color: red;
    cursor: pointer;
    text-decoration: underline;}
body {
    color: #4a4a4a;
    font-size: 1.2rem;}

/* MARGIN ANS PADDING */

.mt0 {
    margin-top: 0;
}

.mt1 {
    margin-top: 1rem;
}

.mb0 {
    margin-bottom: 0;
}

.mb1 {
    margin-bottom: 1rem;
}

.pt0 {
    padding-top: 0;
}

.pb0 {
    padding-bottom: 0;
}

.pt1-5 {
    padding-top: 1.5rem;
}

.pb1-5 {
    padding-bottom: 1.5rem;
}

/* TYPO */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,
button,
span {
    font-family: "Lato", sans-serif;
}

/* Headlines */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cardo", serif;
}

h1,
.content h1,
.content .is-1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.5rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

.hero-body .container h1 {
    font-size: 5rem;
}

.content ul ul {
    margin-left: 1em;
}

.navbar {
    transition: transform 1s;
}

.navbar-hidden {
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.navbar-item,
.navbar-link {
    color: #505466;
}

a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:hover,
.navbar-link.is-active {
    color: #202020;
}

a.navbar-item.is-active {
    font-weight: 600;
}

.menu-list a.button {
    padding-bottom: calc(0.375em - 1px);
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-top: calc(0.375em - 1px);
}

a.tagcloud {
    transition: background-color 0.5s ease;
}

a.tagcloud:hover {
    background-color: hsl(0, 0%, 71%) !important;
}

/* HERO */

.hero-body .container {
    margin-top: -20rem;
}

/* CARD */

.card .level {
    margin-bottom: 0;
}

.level-left {
    padding-left: 0.2em;
}

.card-content {
    padding: 0.4em 0.5em 0.3em 0.5em;
}

/* .card h3 {text-decoration: underline;} */

.card h2 {
    padding: 3rem 0.75rem 1rem 0;
}

.card span {
    margin-bottom: 2rem;
}

.card .content {
    padding: 0rem 1rem 0.5rem 1rem;
}

.card .content ul {
    list-style: square;
}

/* BLOG */

.entry-link,
.button,
a,
a i {
    color: #4a4a4a;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.entry-link:hover {
    box-shadow: 0 1px 30px -5px rgba(50, 54, 66, 0.3);
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}

.pt-active {
    box-shadow: 0 1px 30px -5px rgba(50, 54, 66, 0.3) !important;
}

.button:hover,
a.tag:hover {
    background-color: #363636 !important;
    border-color: transparent !important;
    color: whitesmoke !important;
    text-decoration: none;
}

.fa,
.fab,
.fal,
.far,
.fas {
    padding: 0 0.25rem 0;
}

a i.fa-facebook:hover {
    color: #3b5998;
}

a i.fa-twitter:hover {
    color: #1da1f2;
}

a i.fa-google-plus:hover {
    color: #db4437;
}

a i.fa-pinterest:hover {
    color: #BD081C;
}

a i.fa-snapchat:hover {
    color: #fffc00;
}

a i.fa-instagram:hover {
    color: #c32aa3;
}

a i.fa-linkedin:hover {
    color: #007bb5;
}

a i.fa-youtube:hover {
    color: #ff0000;
}

a i.fa-pinterest:hover {
    color: #bd081c;
}

a i.fa-whatsapp:hover {
    color: #25d366;
}

a i.fa-tumblr:hover {
    color: #35465d;
}

a i.fa-reddit:hover {
    color: #ff4500;
}

a i.fa-spotify:hover {
    color: #1ed760;
}

a i.fa-vimeo:hover {
    color: #1ab7ea;
}

a i.fa-flickr:hover {
    color: #f40083;
}

a i.fa-soundcloud:hover {
    color: #ff5500;
}

a i.fa-500px:hover {
    color: #0099e5;
}

/* FOOTER */

.footer {
    background-color: #fff;
    padding: 1.5rem;
}