/*--------------------------------------------------------------
16.0 Child theme friendly zone
--------------------------------------------------------------*/

/*
 * At this point there are fonts, colors, background and borders used in a theme.
 * You can overwrite them in your child theme 'style.css' if you need custom design.
 */

/* === 16.1 Font Family === */

body,
button,
input,
select,
textarea {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Dosis, sans-serif;
    font-weight: 400;
}

pre {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

/* === 16.2 Colors === */

body,
button,
input,
select,
textarea {
    color: #545249;
}

.breadcrumb-trail,
.loop-description,
.wp-caption-text,
#colophon .site-info,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
input,
blockquote {
    color: #787770;
}

.entry-title,
.sidebar .genericon,
.sidebar .genericon::before,
.kuorinka-front-page-content .genericon,
.kuorinka-front-page-content .genericon::before,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    color: #545249;
}

a,
a:visited,
a:hover,
a:focus,
a:active {
    color: #9E6442;
}

.sticky a,
.sticky a:visited,
.sticky a:hover,
.sticky a:focus,
.sticky a:active {
    color: #905B3D;
}

.entry-title a,
.entry-title a:hover,
.sticky .entry-title a,
.sticky .entry-title a:hover {
    color: #545249;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button,
body #infinite-handle span {
    color: #fff;
}

/* == Menu colors and backgrounds == */

#menu-primary li:hover > a,
#menu-primary li.focus > a,
button#nav-toggle:hover,
button#nav-toggle:focus,
button#nav-toggle.focus,
#menu-primary li.current-menu-item,
#menu-primary li.current-menu-item > a,
#menu-primary ul ul a:hover,
#menu-primary ul ul li.focus > a {
    background-color: #5A7639;
    color: #fff;
}

.custom-header-image #kuorinka-header-image img.header-image {
    border-top: 12px solid #f3e686;
}

@media screen and (max-width: 899px) {

    .nav-collapse li a,
    button#nav-toggle {
        background-color: #5A7639;
        background-color: rgba(90, 118, 57, 0.85);
        border-bottom: 1px solid #D9E5CB;
        color: #fff;
    }

    button#nav-toggle.active,
    button#nav-toggle:hover {
        background-color: #f3e686;
        background-color: rgba(243, 230, 134, 0.92);
        border-bottom: 1px solid #D9E5CB;
        color: #545249;
    }

}

@media screen and (min-width: 900px) {

    #menu-primary .wrap {
        background: #5A7639;
    }

    .custom-header-image.primary-menu-active #menu-primary .wrap {
        background-color: rgba(90, 118, 57, 0.85);
    }

    #menu-primary a {
        color: #fff;
    }

    #menu-primary ul#menu-primary-items > li:hover > a,
    #menu-primary ul#menu-primary-items > li.focus > a,
    #menu-primary ul#menu-primary-items > li.current-menu-item,
    #menu-primary ul#menu-primary-items > li.current-menu-item > a {
        background-color: #f3e686;
        background-color: rgba(243, 230, 134, 0.92);
        color: #545249;
    }

    #menu-primary ul ul {
        background-color: #5A7639;
        background-color: rgba(90, 118, 57, 0.85);
    }

    #menu-primary ul ul a {
        border-bottom: 1px solid #D9E5CB;
    }

}

/* === 16.3 Backgrounds === */

pre {
    background-color: #FCF4EF;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .5)), color-stop(.5, transparent), to(transparent));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
    background-image: linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
}

mark,
ins {
    background: #FEFCF3;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button,
body #infinite-handle span {
    background: #79732E;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.entry a.portfolio-item-link:hover,
.kuorinka-callout .kuorinka-button:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.entry a.portfolio-item-link:focus,
.kuorinka-callout .kuorinka-button:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.entry a.portfolio-item-link:active,
.kuorinka-callout .kuorinka-button:active,
body #infinite-handle span:hover,
body #infinite-handle span:focus,
body #infinite-handle span:active {
    background: #545249;
}

hr,
#sidebar-header,
#menu-portfolio ul li a,
li.bypostauthor,
.widget-title,
.sticky,
.sticky.entry,
.page-links a,
.single-portfolio_item .entry-terms.portfolio a,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus,
body #gforms_confirmation_message,
.post-type-archive-portfolio_item .entry-header,
.tax-portfolio .entry-header,
.term-post-format-video .entry-header,
.kuorinka-callout {
    background: #F7F6EC;
}

#masthead .site-branding,
.breadcrumb-trail .wrap,
#kuorinka-header-image,
#content > .wrap,
#sidebar-subsidiary .wrap,
#colophon #menu-social,
#colophon .site-info {
    background: #fff;
}

/* === 16.4 Borders === */

abbr,
acronym {
    border-bottom: 1px dotted #d7d7d7;
}

blockquote {
    border: 2px dotted #FCF4EF;
}

table {
    border-right: 1px solid #FCF4EF;
}

th,
td {
    border-top: 1px solid #FCF4EF;
    border-left: 1px solid #FCF4EF;
    border-bottom: 1px solid #FCF4EF;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    border: 4px solid #F7F6EC;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: #b1a843;
}

fieldset {
    border: 1px solid #F7F6EC;
}

.loop-meta {
    border-bottom: 1px solid #d7d7d7;
}

@media screen and (max-width: 899px) {

    .comment-navigation .nav-previous,
    .paging-navigation .nav-previous,
    .post-navigation .nav-previous {
        border-bottom: 2px solid #d7d7d7;
    }

}

.widget-title,
.sticky,
.sticky.entry,
li.bypostauthor,
.post-type-archive-portfolio_item .entry-header .entry-title,
.tax-portfolio .entry-header .entry-title,
.term-post-format-video .entry-header .entry-title {
    border-bottom: 2px solid #b1a843;
}

.entry-header .entry-title {
    border-bottom: 4px double #d7d7d7;
}

.sticky .entry-header .entry-title {
    border-bottom-color: #b1a843;
}

.comment-list > li {
    border-bottom: solid 3px #d7d7d7;
}

body #webshare-wrapper {
    border-top-color: #F3F3F3;
    border-bottom-color: #F3F3F3;
}

/* === 16.5 Box Shadows === */

.page-template-pagesfront-page-php .thumbnail {
    box-shadow: 0 0 0 4px #F3D2BF;
}

.format-status .avatar,
.post-type-archive-team-member .avatar,
.post-type-archive-team-member .thumbnail-team-member,
.tax-team-member-category .avatar,
.tax-team-member-category .thumbnail-team-member,
.single-team-member .avatar,
.single-team-member .thumbnail-team-member {
    box-shadow: 0 0 0 4px #F7F6EC;
}