a {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}

a:hover {
    color: inherit; /* blue colors for links too */

}

#article-container {

    background-image: url(/Images/green-paper-back.jpg);
    background-size: contain;
    padding-bottom: 1.5em;
    padding-top: 4em!important;

}

#middle-about-item {

    padding-top: 2em!important;
    padding-bottom: 2em!important;

}

#with-love-p {

    margin-bottom: 0px!important;

}

#article-text {

   place-content: center;
    

}

#article-text-container {

    max-width: 1200px;
    overflow-wrap: break-word;


}

.about-text-row {

    padding-top: 15px!important;
    padding-bottom: 15px!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #FFFDFF;
    border-radius: 10px;
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.5rem 1.2rem rgb(0 0 0 / 10%) !important;
    margin-left: 3em!important;
    margin-right: 3em!important;

}

.article-card-desc {

    font-size: 0.7em;

}


.article-item-parent {


    display: flex;
    place-content: center;
    margin-top: 2em;

}

.article-navigation {

    display: flex;
    place-content: center;

}

.article-nav-ul > * {

    margin: .2em;

}


.article-nav-ul a {

    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 0!important;
    font-size: 0.7em;
    color: (var(--bs-body-color));
    border: none;

}

.page-on {

    background-color: rgb(230, 230, 230);
}

.article-nav-ul a:hover {


    color: (var(--bs-body-color));
    border: none;

}

#article-title {

    font-size: 1.8em;

}

#top-of-article-hr {

    width: 50%;
    border-width: .2em;
    border-color: black;
    opacity: 100%!important;

}

.article-date {

    font-size: .8em;

}

#author-social-container {

    display: flex;

}

.social-share-div {

    margin-left: auto;

}

.facebook-share {


    color: #1877F2;

}

.pinterest-share {

    color: #E60019;

}

.twitter-share {

    color: #55ACEE;

}

#final-share-icon {

    margin-left: unset!important;

}

.article-social-icon-reset {

    text-decoration: none;


}

.article-social-icon-reset > i {

    bottom: 0px;
    position: relative;
    transition-property: bottom;
    transition-duration: 0.2s;
    transition-delay: 0s;

}

.article-social-icon-reset:hover > i {

    filter: brightness(200%);
    position: relative;
    bottom: 5px;
    

}

@media only screen and (max-width: 768px) {

    #article-container {

        padding-left: 1em!important;
        padding-right: 1em!important;
        background-size: cover;

    }
    
    div > .step-row {

        padding-left: 15px!important;
        padding-right: 15px!important;
        margin-left: 0.5em!important;
        margin-right: 0.5em!important;
    
    
    }


    #author-social-container {

        flex-direction: column;
    
    }
    
    .social-share-div {
    
        margin-left:unset!important;
    
    }


}

@media only screen and (min-width: 1200px) {


    .article-image {

        max-width: 32em;

    }

    #author-social-container {

        max-width: 32em;

    }

}