h2 {
    margin-top: 20px;
}

.main-content {
    width: 100%;
}

.form-login {
    max-width: 300px;
    text-align: left;
}

a {
    color: black;
}

/* ---------- Verse start -------- */

.verse {
    margin-bottom: 30px;
}

.bi-heart:hover, .bi-heart-fill:hover {
    cursor: pointer;
    color: red;
}

.like-share-buttons {
    background-color: lightgray;
    border-radius: 20px;
    max-width: 300px;
}

.fb-share-button,.ig-share-button, .bi-heart, .bi-whatsapp {
    color: white;
}

.fb-share-button:hover {
    color: #3b5998;
    cursor: pointer;
}

.bi-whatsapp:hover {
    color: #25D366;
    cursor: pointer;
}

.ig-share-button:hover {
    color: #ac2bac;
    cursor: pointer;
}

/* ------- Verse end ---------- */

/* ----- Mobile hide authors ----- */
@media only screen and (max-width: 800px) {
    .author-menu-right {
        display: none;
    }
}

/** menu on top? */
@media only screen and (min-width : 768px) {
    .navbar-collapse.custom-menu {
        display: none!important;
    }
}

.navbar-nav.mr-auto
{
    flex-direction: row;
    margin-top: revert;
    margin-left: 10px;
    margin-right: 10px!important;
}

.navbar-nav.mr-auto > li.nav-item.dropdown
{
    display: none;
}

.navbar-nav.mr-auto > a.nav-link.dropdown-toggle
{
    vertical-align: top;
}

header.row {
    display: revert;
}

@media only screen and (max-width : 430px) {
    .verse > a > img {
        max-width:90vw!important;
    }
}