002_Fresh Blooms

<style type="text/css">
    #wrapper {
        background: url(https://i.postimg.cc/Sqk0NBLx/002-layout-full.png) no-repeat top center;
        width: auto;
        }

body {background: #000 url(https://i.postimg.cc/xd6L9BHY/002-layout-background.png) no-repeat;
background-size: 100% auto;}
.dottedSeperator { background: url(https://i.postimg.cc/NMNDP5b6/002-layout-dotted-Seperator.png);}
h1.dark-blue {margin-bottom: 40px !important;}

#interactiveBanner {display: none;}
#membersOnline, #socialIcons {display: none;}
#logo {background: url(https://i.postimg.cc/43s1fzSv/002-layout-logo.png) no-repeat center; width: 468px; height: 132px;}
#credit {position: absolute; top: 260px; font-size:10px;}

/** TABLET CODES **/
    @media (max-width: 1023px) {
        #wrapper {
            background: url(https://i.postimg.cc/Y0sXjhWr/002-layout-tablet.png) no-repeat top center;
            background-size: cover;
            width: auto;}
        h1.dark-blue {margin-top: 150px}
#credit {text-align:center; top: 290px; width:100%;}
.mainTable {margin-top:220px; margin-bottom: -150px;}
h1 {font-size: 40px;}
        }

/** MOBILE CODES **/
    @media (max-width: 500px) {
        #wrapper {
            background: url(https://i.postimg.cc/Y09np1jD/002-layout-mobile.png) no-repeat top center;
            background-size: cover;
            width: auto;
            }
        }

/** LINK & HEADING COLOR CHANGES **/
    a.menuToggle, a.menuToggle:hover, h4, h5, h6, #sideNavMenu b, .m-t-md, .m-b-md, .green, #footerMagic, #footerContent h3, #footerSubsidiaries, label, #dateTime{
        color: var(--c1) !important;
    }
    #footerMenu a:link, #footerMenu a:visited, #mainContentNav a, .forumReplyLinksLinks a, .forumLinksLinks li {
        color: var(--c2) !important;
    }
    a.sideNavMenuLink:link, a.sideNavMenuLink:visited { color: var(--c4) !important;}
    a.sideNavMenuLink:Hover, .forumMembersInAreaTitle, .darkblue, .dark-blue, #footerCopyright, #footerDescription, p.a, #mainContentNav > ul a, .dark-blue a:link, .dark-blue a:visited, #credit {
        color: var(--c3) !important;
    }
    a:hover, #footerMenu a:hover, #mainContentNav a:hover, .dark-blue a:hover {
        color: var(--c4) !important;
    }

.forumSearchBox button {background-color: var(--c1) !important;}
.forumPageSelect, .forumModerateSelect {background-color: var(--c2) !important; background: url(https://i.postimg.cc/25G7VVss/002-layout-select-Icon.png) no-repeat right;}
.forumLinks li.forumNewThread {background: url(https://i.postimg.cc/nVPT49XZ/002-layout-new-Thread.png) no-repeat top left;}
.forumLinksLinks li.forumWatchList, .forumLinksLinks li.forumWatchThread {background: url(https://i.postimg.cc/2ybQcT1Y/002-layout-watch-List.png) no-repeat top left;}
.forumLinksLinks li.forumParticipationList {background: url(https://i.postimg.cc/Wbq8XpZZ/002-layout-participation-List.png) no-repeat top left;}
.forumLinksLinks li.forumModerate {background: url(https://i.postimg.cc/htFrwF85/002-layout-moderate.png) no-repeat top left;}
.forumLinksLinks li.forumLastPost {background: url(https://i.postimg.cc/fLW5Kx7W/002-layout-last.png) no-repeat top left;}
.forumLinksLinks li.forumTop {background: url(https://i.postimg.cc/wvBcJ9H7/002-layout-top.png) no-repeat top left;}
.forumLinksLinks li.forumLockThread {background: url(https://i.postimg.cc/L5wT2wch/002-layout-lock.png) no-repeat top left;}
.forumLinksLinks li.forumUnlockThread {background: url(https://i.postimg.cc/HxP09Fs3/002-layout-unlock.png) no-repeat top left;}
.forumLinksLinks li.forumSearchThread {background: url(https://i.postimg.cc/t4h5Gr2C/002-layout-search.png) no-repeat top left;}
.forumPostLink {background: url(https://i.postimg.cc/2yVGprXP/002-layout-link.png) no-repeat;}

.forumPageNext, .forumPagePrevious, #addReply [type=submit] {background-color: var(--c2); color: #ffffff;}
.forumPageNext:hover, .forumPagePrevious:hover, .forumPageLink:hover, #addReply input:hover {background-color: var(--c1);}
.forumPageButtonDisabled, .forumPageButtonDisabled:active, .forumPageButtonDisabled:hover {background-color: #000;}

.forumThreadFlagged { background-color: var(--c1); }

.mainTable {opacity: 50%;}
.quidditch-show-off-desktop {margin-top: 40px;}

    /** COLOR VARIABLES **/
* {
    --c1: #bf5a7e;
    --c2: #d789a2;
    --c3: #556c54;
    --c4: #779373;
    }
</style>

<!--- LAYOUT DESIGN AND CODE BY SARA, DO NOT REMOVE CREDIT PLEASE --->
<div id="credit"><i>layout by: <a href="/userinfo/Sara">Sara</a></i></div>