/* Custom Colors
---------------------------------------------------- */

a,
pre,
code,
.breadcrumb-trail a,
.format-link .entry-title a .meta-nav,
#respond label .required,
#footer a:hover {
    color: #576E7C;
}

#branding,
li.comment .comment-reply-link {
    background-color: #576E7C;
}

body {
    border-top-color: #576E7C;
}

.breaadcrumb-trail a:hover,
.sticky.hentry,
.loop-meta,
.page-template-portfolio .hentry.page {
    border-bottom-color: #576E7C;
}

pre {
    border-left-color: #576E7C;
}

#site-title a,
.entry-title,
.entry-title a,
.loop-title,
#menu-portfolio li.current-cat a,
#menu-portfolio li.current-menu-item a,
.page-numbers.current {
    color: #445E6D;
}

.breadcrumb-trail,
li.comment .comment-reply-link:hover,
#footer {
    background-color: #445E6D;
}

.hentry,
.loop-meta,
.attachment-meta,
#comments,
.page-template-portfolio .hentry.page {
    border-top-color: #445E6D;
}

body {
    border-bottom-color: #445E6D;
}

#menu-primary li a {
    color: #606466;
}

#menu-primary li li a:hover,
#menu-primary li li:hover > a {
    background-color: #606466;
}

#menu-primary li a:hover,
#menu-primary li:hover > a,
#menu-primary li.current-menu-item > a {
    color: #576E7C;
}

#menu-primary li li a {
    background-color: #576E7C;
}

#menu-primary-items ul li:first-child > a::after {
    border-bottom-color: #576E7C;
}

#menu-primary-items ul ul li:first-child a::after {
    border-right-color: #576E7C;
}

/* General
---------------------------------------------------- */

body {
    border: none;
    color: #606466;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Container
---------------------------------------------------- */

#container {
    background: rgba(255, 255, 255, 0.55);
    border-bottom: 10px solid rgba(70, 97, 112, 0.9);
    border-top: 10px solid rgba(70, 97, 112, 0.9);
}

/* === layout ========= */

#container {
    padding: 0 2.275%;
}

/* Header
---------------------------------------------------- */

#branding {
    background: rgba(70, 97, 112, 0.9);
}

#site-title a:link,
#site-title a:visited {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

#site-title a:hover {
    color: #FFF;
}

.sticky,
.loop-meta,
.page-template-portfolio .hentry.page {
    background: rgba(255, 255, 255, 0.85);
}

/* Breadcrumb Trail
---------------------------------------------------- */

.breadcrumb-trail,
.breadcrumb-trail a {
    color: rgba(255, 255, 255, 0.7);;
}

.breadcrumb-trail a:hover {
    color: #FFF;
}

/* Loop Pagination/Nav
---------------------------------------------------- */

.page-numbers,
.loop-nav a {
    background: transparent;
    border: none;
    color: #727272;
    padding: 0;
}

a.page-numbers:hover,
.loop-nav a:hover {
    background: transparent;
    color: #606485;
    text-decoration: none;
}

.page-numbers.current {
    color: #606485;
    border-bottom: 1px solid #606485;
    font-weight: bold;
}

/* Footer
---------------------------------------------------- */

#footer {
    background: rgba(70, 97, 112, 0.9);
    color: rgba(255, 255, 255, 0.7);
}

#footer a {
    color: rgba(255, 255, 255, 0.7);
}

#footer a:hover {
    color: #FFF;
}