/*use in needle-page*/
#donations
{
    /*background: #f9f9f9;*/
}

#donations h2
{
    /*border-bottom: */
    text-align: center;
    font-size: 24px;
}

#donations .show-more
{
    text-align: center;
    margin: 22px;
}

#donations .show-more > a {
    color: #E73744; 
}

#donations .more
{
    /*transition: 3800ms ease;*/
}

#donations .h-0
{
    display: none;
}

#donations .list
{
    clear: both;
}

#donations .donation {
    /*margin-bottom: 5px;*/
    border-bottom: #f6f6f6 1px solid;
    border-bottom: #f6f6f6 1px solid;
    clear: both;

}

#donations .donation > div {
    /*border: 1px solid grey;*/
    padding-top: 16px;
    /*padding-bottom: 10px;*/
}

#donations .dname
{
    width: 25%;
    float: left;
    /*background: antiquewhite;*/
    /*font-weight: bold;*/
    font-size: 18px;
}

#donations .dsumm
{
    width: 25%;
    float: left;    
    text-align: right;
    font-size: 18px;    
}

#donations .ddate {
    text-align: right;
    color: #ddd;
    font-style: italic;
    font-size: 11px;
  
}

#donations .dcomment {
    float: left;
    width: 49%;
    min-width: 49%;
    padding-left: 15px;
    font-size: 13px;
    font-style: italic;
    color: #888;
    text-align: center;
}


/*------counter-------*/
#page .needle-counter {
    margin-top: 35px;
    margin-bottom:15px;
    /*clear:both;*/
    height:8px;
    width:100%;
    /*background: #d8d8d8;*/
    border-radius:4px;
}

#page .needle-counter > div {
    height: 8px;
    /*background: #e73744;*/
    border-radius: 4px;
}


@media(min-width:769px) {
    #page .needle-summ {
        font-size: 18px;
        /*color: #747474;*/
    }

    #page .needle-tsumm {
        font-size: 18px;
        /*color: #e73744;*/
    }
}

@media(max-width:768px) {
    #page .needle-summ {
        font-size: 16px;
        color: #747474;
    }

    #page .needle-tsumm {
        font-size: 16px;
        /*color: #e73744;*/
        text-align: left;
    }
}