h2 {

    font-weight: 600;
    font-size: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;

}

h3 {

    font-weight: 600;
    font-size: 1.1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;

}


.links {

    text-decoration: underline wavy #71FF2E;
    color: black;

}

.links:hover {

    color: black;

}

.image-desc {

    font-size: 0.6em;
    color: #707070;

}

#article-container {

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

}

#middle-about-item {

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

}

#with-love-p {

    margin-bottom: 0px!important;

}

#article-centering-div {

    text-align: center;

}

#article-centering-div {

    width: 80%;

}

#article-centering-div > * {

    text-align: left;

}

#article-text {

    display: flex;
    justify-content: center;

}

.copied-alert {

    font-size: 0.6em;
    display: none;

}


#article-text-container {

    max-width: 1200px;
    display: flex;
    justify-content: center;
    overflow-wrap: break-word;


}

.number-list {

    list-style-type: decimal;

}

.list-li {

    font-size: 1em;

}

.sub-li {

    font-size: 0.8em;

}

.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;

}

.addendum-class {

    font-size: 0.8em;
    color: #707070;

}

.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(150%);
    position: relative;
    bottom: 5px;
    

}

.bottom-article-hr {

    margin-top: 2em;
    border-top: #71FF2E 5px dotted;
    opacity: 100%;

}

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

    #article-container {

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

    }
    
    div > .step-row {

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

    #article-centering-div {

        width: 100%;
    
    }


    #author-social-container {

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


}