/* Global */
body {
    padding-top: 5rem;
    background-color: rgb(230, 255, 230);
}

@media (min-width: 576px) {
    h1 {
        font-size: 5em;
    }
}

h3 {
    border-bottom: 4px #28a745 solid;
}

h4 {
    color: #0b2e13;
}

/* Components */
.focus-center {
    padding: 3rem 1.5rem;
    text-align: center;
}

.icon {
    margin-bottom: 5px;
    height: 38px;
}

/* Navigation bar bigger title */
@media (min-width: 576px) {
    .navbar-brand {
        font-size: 2em;
    }
}

/* Jovian custom color */
.bg-jovian {
    background-color: #004D40;
}

/* Dropdown acive color */
.dropdown-item.active {
    background-color: #28a745;
    border-color: #28a745;
}

.dropdown-item:active {
    background-color: rgb(70, 197, 99);
    border-color: rgb(40, 167, 69);
}

/* Expand button */
@keyframes pop-menu-anim {
    from {
        background-color: rgb(230, 255, 230);
        transform: rotate(90deg);
    }
    to {
        background-color: #eee;
        transform: rotate(0deg);
    }
}

.jovian-toggler {
    background-color: rgb(230, 255, 230);
    transform: rotate(90deg);
}

.jovian-toggler:hover {
    background-color: #eee;
    transform: rotate(0deg);
    animation-name: pop-menu-anim;
    animation-duration: 0.4s;
}

.jovian-toggler:active {
    background-color: #fff;
    transform: rotate(0deg);
}

@media (min-width: 768px) {
    .navbar-expand-md .jovian-toggler {
        display: none;
    }
}

/* CV */
.city {
    font-style: italic;
    color: #4e555b;
}

.middle-info {
    color: black;
}

.lead strong {
    color: black;
}

/* Link color */
/* > Internal links */
main a {
    color: #1e7e34;
}

main a:hover {
    color: #004D40;
}

/* > External links */
main a[href^="http"] {
    color: #0056b3;
}

main a[href^="http"]:hover {
    color: #0040ff;
}

/* Footer */
.footer a {
    color: #1c7430;
}

/* Bootstrap class to element */
/* In order to be working with as few classes as possible */
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

table th,
table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

figure {
    text-align: center;
}

figure > img { /* img-fluid */
    max-width: 100%;
    height: auto;
}

figcaption {
    color: #5e5e5e;
}
