#logo-ccs{
    display:block;
    max-width:280px;
    margin-bottom:13px;
}

a.icon svg {
    width: 25px;
    height: 25px;
    fill: #fff;
    background-color: #818285;
    border-radius: 100%;
    margin-right: 2px;
}

a.icon path.background { fill: #818285; }

header .description{ font-size:1.05em; }

footer a.icon svg {
    fill: #333;
    background-color: #ccc;
}

footer a.icon path.background { fill: #ccc; }

footer > .row > div:nth-child(2){
    margin-bottom:14px;
}

footer > .row > div:nth-child(2) a{
    display:block;
    font-size:85%;
    padding:1px 5px;
}

footer a.about{
    color:#71bf44;
}

#sidebar li.announcement{
    background-size: cover;
    background-image: url('/wp-content/themes/sotp-foundation/images/bg-announcement.jpg');
    border-radius:10px;
    color:#fff;
    font-size:90%;
    padding:12px;
}

#sidebar li.announcement h4 {
    margin: 0 0 7px 0;
}

#sidebar li.announcement img.icon {
    width:30px;
    height:30px;
    float:left;
    margin:5px 12px 8px 0;
}

#sidebar li.announcement div.more {
    margin-top:6px;
}

#sidebar li.announcement a {
    display:block;
    float:right;
    color:#8dc4dd;
    font-weight:bold;
}

#sidebar li.announcement .arrow-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #8dc4dd;
    margin:0 0 -2.5px 3px;
    display: inline-block;
}

.top-bar-section li:last-child a{
    background-color: #71bf44 !important;
}

/* medium and up */
@media screen and (min-width: 40em) {

    footer > .row > .columns{
        border-right:1px solid #ccc;
    }

    footer > .row > .columns:last-child{
        border-right:none;
    }

    footer > .row > div:nth-child(2){
        margin-bottom:0;
    }

    footer > .row > div:nth-child(2) a{
        padding:1px 5px;
    }

    footer .social-media{
        float:right;
    }

    .top-bar-section ul li > a{
        font-size:.77rem;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding:0 .87rem;
    }

    .top-bar-section ul li:last-child{
        float:right;
    }

}

/* small only */
@media screen and (max-width: 39.9375em) {}