@import url("../../prosilver/theme/stylesheet.css");
/* SimpleYellow colours on the current responsive prosilver templates. */
html, body { background-color: #f3f3f3; color: #333; }
.wrap { background: #fff; border-color: #ddd; max-width: 1100px; }
.headerbar { background: #fff; color: #333; border: 1px dashed #787878; }
.headerbar h1, .headerbar p { color: #333; }
.site_logo {
    background-image: url("images/snoutslouts-logo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 162px;
    height: 162px;
    max-width: 100%;
}
.forabg, .forumbg { background-color: #a6680c; background-image: linear-gradient(#b87b01, #a6680c); }
.bg1 { background-color: #ededed; }
.bg2 { background-color: #f3f3f3; }
.bg3, .panel, .navbar { background-color: #f4ecd9; }
a { color: #805100; }
a:hover { color: #653c00; }
li.row:hover { background-color: #fff3d6; }
@media (max-width: 700px) {
    .headerbar .logo { display: block; float: none; max-width: 100%; padding: 10px 0; }
    .site_logo { width: min(162px, 100%); height: auto; aspect-ratio: 1; }
}

/* Keep links, navigation and controls consistent with the old warm palette. */
h2, h3, .panel-container h2 { color: #684400; }
.postlink, .postlink:visited { color: #805100; border-bottom-color: #b87b01; }
.postlink:hover { color: #523300; background-color: #fff3d6; }
.forumbg .header a:hover, .forabg .header a:hover { color: #fff3d6; }
.pagination li a { background: #fff; border-color: #d6c6a7; color: #684400; }
.pagination li.active span, .pagination li a:hover {
    background: #805100; border-color: #805100; color: #fff;
}
.button, .button-secondary { color: #684400; border-color: #d6c6a7; }
.button:hover, .button:focus { color: #523300; border-color: #805100; }
.button .icon, .button:hover .icon { color: inherit; }
.tabs .tab > a, .minitabs .tab > a { background: #eee3cb; color: #684400; }
.tabs .tab > a:hover, .minitabs .tab > a:hover { background: #fff3d6; color: #523300; }
.tabs .activetab > a, .tabs .activetab > a:hover,
.minitabs .activetab > a, .minitabs .activetab > a:hover {
    background: #fff; border-color: #b87b01; color: #684400;
}
.navigation a, .rtl .navigation a { background: #f4ecd9; color: #684400; }
.navigation a:hover { background: #fff3d6; color: #523300; }
.navigation .active-subsection a, .navigation .active-subsection a:hover {
    background: #fff; color: #684400;
}
.panel-container .panel { background: #f3f3f3; }
.dropdown-extended .header, .dropdown-extended .footer { background: #f4ecd9; color: #684400; }
.dropdown-extended ul li:hover { background: #fff3d6; }
.inputbox:hover, .inputbox:focus { border-color: #805100; }
a:focus-visible, button:focus-visible, input:focus-visible {
    outline: 2px solid #805100;
    outline-offset: 3px;
}

/* Forum lists inherit a blue gradient from prosilver separately from .bg1/.bg2. */
ul.forums {
    background: #fbf6e8;
    filter: none;
}
ul.forums > li.row:nth-child(even), .forumbg li.row.bg2 {
    background-color: #f5ecd5;
}
.forumbg li.row.bg1 { background-color: #fbf6e8; }
ul.topiclist li.row {
    color: #514a3b;
    border-top-color: #fffdf6;
    border-bottom-color: #d6c6a7;
}
ul.topiclist li.row dd { border-left-color: #e3d6b8; }
.rtl ul.topiclist li.row dd {
    border-left-color: transparent;
    border-right-color: #e3d6b8;
}
.forabg li.row:hover, .forumbg li.row:hover { background-color: #fff0c2; }

/* Titles stay neutral against the warm forum backgrounds. */
a.forumtitle, a.topictitle, a.lastsubject,
.postbody h3 a, h2.forum-title a, h2.topic-title a {
    color: #000;
}
a.forumtitle:hover, a.topictitle:hover, a.lastsubject:hover,
.postbody h3 a:hover, h2.forum-title a:hover, h2.topic-title a:hover {
    color: #653c00;
}