/*..........................................................

	sidebar stuffz yayyy

.........................................................*/

/*..........................

		affies yayyy

..........................*/

#affies{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

/*..........................

		fanlistings

..........................*/

#fl{
    display: flex;
    flex-flow: row wrap;
    gap: 0;
    filter: saturate(0.88) sepia(0.22);

    a{
        display: block;
        height: 50px;
        background-color: var(--brown);

        img{
            filter: opacity(0.77);
        }
    }

    a:is(:hover, :focus) img{
        filter: opacity(0.9);
    }
}

/*..........................

		cliques

..........................*/

#clique{

    p{
        /* margin: 0.5em auto; */
    }

    a[href*="forward.artemisia"]{ 

        text-decoration: none;
        display: flex;
        gap: 2px;
        justify-content: center;
        
        img{
            height: 27px;
            width: 27px;
        }
    }
}

:is(#wolwebring, #clique a[href*="ff.aquarel"]) img{
    filter: saturate(0.88) sepia(0.22) opacity(0.77);
}

#clique a[href*="aquarel"] img:is(:hover, :focus){
    filter: opacity(0.9);
}

#clique a[href*="flwr.aquarel"] img{
    filter: saturate(0.99) opacity(0.88);
}

#clique a[href*="flwr.aquarel"] img:is(:hover, :focus){
    filter: opacity(1);
}

p.body img{
    filter: saturate(0.88) sepia(0.22) opacity(0.88);
}

p.body img:is(:hover, :focus){
    filter: saturate(0.9) sepia(0.15) opacity(1);
}

/*..........................................................

	    guestbook

.........................................................*/

#HCB_comment_box, #HCB_comment_form_box{
    font-family: var(--body-font)!important;
    text-align: left;
}

#HCB_comment_form_box{
    display: flex;
    flex-flow: column nowrap;
    padding: 0 1em;
}

button, .btn, .btn-secondary, .submit{
    font-family: var(--heading-font)!important;
    text-transform: capitalize;
    padding-bottom: 0;
    font-size: 18px!important;
    align-self: center;
    color: var(--mint)!important;
}

:is(button, .btn, .btn-secondary, .submit):is(:hover, :focus){
    background-color: var(--brown4);
    color: var(--cream)!important;
}

#HCB_comment_box #hcb_form textarea, #HCB_comment_box #hcb_form #hcb_form_name_container{
    margin-bottom: var(--half-gap)!important;
}

#HCB_comment_box #hcb_form textarea, #hcb_form_name, #hcb_form_website, #hcb_form_email{
    background-color: var(--fifty-white);
    border: 2px inset var(--mint);
    min-width: 44%;
}

/*..........................

	the forms where ppl type

..........................*/

#hcb_form_content,
#hcb_form_email,
#hcb_form_name,
#hcb_form_website{
   font-size: 18px!important;
   font-family: var(--body-font)!important;
   padding: 0.5ch 1ch!important;
   text-shadow: var(--literal-text-shadow);
   line-height: 1.22;
}

#hcb_form_content{
	line-height: 1.11;
    color: var(--black);
}

#hcb_form_email::placeholder,
#hcb_form_name::placeholder,
#hcb_form_website::placeholder,
#HCB_comment_box #hcb_form textarea::placeholder, #HCB_comment_box #hcb_form #hcb_form_name::placeholder{
    text-shadow: var(--literal-text-shadow);
    color: var(--fifty-black)!important;
}

#HCB_comment_box #hcb_form textarea{
    font-size: 20px!important;
}

#HCB_comment_box #hcb_form .home-desc a, #HCB_comment_box .home-desc a:visited{
    color: var(--fifty-black)!important;
}

/*..........................

	hides built in stuff

..........................*/

#HCB_comment_box h3, small.admin-link, #hcb_msg, .author-email{
	display: none;
}

p#no_comments{
	text-align: center!important;
}