@charset "UTF-8";
/*
Theme Name: Day, Son & Hewitt 2026
Description: Block theme for daysonhewitt.co.uk — full Site Editor support, theme.json design system. Successor to the classic DSH theme. Contact form, submissions and content blocks live in the daysonhewitt-blocks plugin so they survive a theme switch.
Author: Connolly's Red Mills
Version: 0.1.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: daysonhewitt-2026
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==================================================================
   Ported verbatim from the classic DSH theme's style.css.
   Do not "tidy" these rules — the block templates emit markup chosen
   to match these selectors (see the mapping section at the bottom).
   ================================================================== */

@font-face {
    font-family: 'VictorianLetPlain';
    src: url('./fonts/victorianletplain_1.0.eot');
    src: url('./fonts/victorianletplain_1.0.eot?#iefix') format('embedded-opentype'),
    url('./fonts/victorianletplain_1.0.woff') format('woff'),
    url('./fonts/victorianletplain_1.0.ttf') format('truetype'),
    url('./fonts/victorianletplain_1.0.svg#victorianletplain_1.0') format('svg');
    font-weight: normal;
    font-style: normal;
}

#container {
    width: 960px;
    margin: 0 auto;
}

.wp-block-columns {
    margin-bottom: 0em;
}

main {
    font-family: Verdana, Geneva, sans-serif;
    padding: 5px 0;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
}

h1, h2, h3, h4, h5, h6 {
    color: #023F2C;
}

.page-history h2, .page-history h2 {
    text-transform: uppercase;
}

#menu-history .current-menu-item, #menu-products .current-menu-item {
    font-weight: bold;
}

#menu-history li a, #menu-products li a {
    color: black;
    text-decoration: none;
}

#menu-history li, #menu-products li {
    font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding-left: 20px;
    margin-bottom: 10px;
}

/*Header*/
header {
    display: flex;
    justify-content: space-between;
}

header img {
    width: 145px;
}

header nav {
    align-self: flex-end;
}

header nav ul {
    display: flex;
    text-align: center;
    margin-bottom: 26px;
}

header nav ul li {
    margin-left: 12px;
}

header nav a {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight: bold;
    padding: 2px 4px;
    text-decoration: none;
    color: #000;
}

header nav a:hover {
    text-decoration: underline;
}

header nav img {
    margin: 2px 5px 0 0;
}

/*End Header*/

/*Footer*/

footer {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 15px;
}

.footer-address {
    font-size: 10px;
    text-align: right;
    font-weight: bold;
    color: #222;
    width: 100px;
    margin-top: 15px;
    float: left;
    line-height: 1.2;
}

#bottom-product-links {
    width: 800px;
    float: right;
    height: 100px;
    border-left: 1px solid #CCCCCC;

}

#bottom-product-links ul#bottom-links {
    margin: 0px;
}

#bottom-product-links ul#bottom-links li {
    display: inline;
}

#bottom-product-links ul#bottom-links li a {
    float: left;
    display: block;
    background: url("./images/bottom-products.jpg") no-repeat;
    width: 88px;
    text-indent: -9999px;
    height: 120px;
    margin-right: 20px;
}

#bottom-product-links ul#bottom-links li#foundation a {
    background-position: 0px 0px
}

#bottom-product-links ul#bottom-links li#platform a {
    background-position: -105px 0px
}

#bottom-product-links ul#bottom-links li#respyt a {
    background-position: -210px 0px
}

#bottom-product-links ul#bottom-links li#relaxin a {
    background-position: -315px 0px
}

#bottom-product-links ul#bottom-links li#eliviat a {
    background-position: -420px 0px
}

#bottom-product-links ul#bottom-links li#maximise a {
    background-position: -525px 0px
}

#bottom-product-links ul#bottom-links li#synoflex a {
    background-position: -630px 0px
}


#bottom-product-links ul#bottom-links li#foundation a:hover, #bottom-product-links ul#bottom-links li#foundation a.current {
    background-position: 0px -120px
}

#bottom-product-links ul#bottom-links li#platform a:hover, #bottom-product-links ul#bottom-links li#platform a.current {
    background-position: -105px -120px
}

#bottom-product-links ul#bottom-links li#respyt a:hover, #bottom-product-links ul#bottom-links li#respyt a.current {
    background-position: -210px -120px
}

#bottom-product-links ul#bottom-links li#relaxin a:hover, #bottom-product-links ul#bottom-links li#relaxin a.current {
    background-position: -315px -120px
}

#bottom-product-links ul#bottom-links li#eliviat a:hover, #bottom-product-links ul#bottom-links li#eliviat a.current {
    background-position: -420px -120px
}

#bottom-product-links ul#bottom-links li#maximise a:hover, #bottom-product-links ul#bottom-links li#maximise a.current {
    background-position: -525px -120px
}

#bottom-product-links ul#bottom-links li#synoflex a:hover, #bottom-product-links ul#bottom-links li#synoflex a.current {
    background-position: -630px -120px
}

#disclaimer a {
    color: #222;
    text-decoration: none;
}

#disclaimer {
    text-align: right;
    font-size: 9px;
    font-weight: bold;
    clear: both;
    padding-top: 25px;
    vertical-align: middle;
    padding-bottom: 20px;
}

/* end footer */


/*Home page*/
.home-blog-header {
    border-bottom: 2px solid #333;
    padding: 14px 10px;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
}

.home-blog-list li {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.home-blog-list li a {
    padding: 14px 10px;
    display: block;
    border-bottom: 1px solid #bbb;
    color: #222;
    text-decoration: none;
}

.home-blog-list li a:hover {
    background-color: #EDEDED;
}

/*end home page*/

/* Products page */

#main-product-links ul#product-links {
    margin: 0;
    padding: 0;
}

#main-product-links ul#product-links li {
    display: inline;
}

#main-product-links ul#product-links li a {
    float: left;
    display: block;
    background: url("./images/products-large.jpg") no-repeat;
    width: 135px;
    text-indent: -9999px;
    height: 250px;
}

#main-product-links ul#product-links li#foundation a {
    background-position: 0px 0px
}

#main-product-links ul#product-links li#platform a {
    background-position: -135px 0px
}

#main-product-links ul#product-links li#respyt a {
    background-position: -270px 0px
}

#main-product-links ul#product-links li#relaxin a {
    background-position: -405px 0px
}

#main-product-links ul#product-links li#eliviat a {
    background-position: -540px 0px
}

#main-product-links ul#product-links li#maximise a {
    background-position: -675px 0px
}

#main-product-links ul#product-links li#synoflex a {
    background-position: -810px 0px
}


#main-product-links ul#product-links li#foundation a:hover {
    background-position: 0px -30px
}

#main-product-links ul#product-links li#platform a:hover {
    background-position: -135px -30px
}

#main-product-links ul#product-links li#respyt a:hover {
    background-position: -270px -30px
}

#main-product-links ul#product-links li#relaxin a:hover {
    background-position: -405px -30px
}

#main-product-links ul#product-links li#eliviat a:hover {
    background-position: -540px -30px
}

#main-product-links ul#product-links li#maximise a:hover {
    background-position: -675px -30px
}

#main-product-links ul#product-links li#synoflex a:hover {
    background-position: -810px -30px
}

/* end products page*/

.page-product h2:first-letter {
    font-size: 38px;
}

.page-product h2 {
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: normal;
    font-family: 'VictorianLetPlain', Georgia, "Times New Roman", Times, serif;
}

h2 a {
    color: inherit;
    text-decoration: none;
}

h2 a:hover {
    color: #1982d1;
    text-decoration: underline;
}


/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

time {
    margin-bottom: 1.625em;
    display: block;
}

.wp-block-archives a, .wp-block-categories a {
    padding: 2px 0;
    display: block;
    color: #1982d1;
    text-decoration: none;
    font-size: 12px;
}

.wp-block-archives a:hover, .wp-block-categories a:hover {
    text-decoration: underline;
}

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
    color: #000;
    font-weight: bold;
    margin: 0 0 .8125em;
}

.entry-content h3,
.comment-content h3 {
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}

.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ddd;
    margin: 0 0 1.625em;
    width: 100%;
}

.entry-content th,
.comment-content th {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}

.entry-content td,
.comment-content td {
    border: 0;
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
}

.entry-content #s {
    width: 75%;
}

.footer-logos {
    padding-top: 35px;
    display: flex;
    justify-content: flex-end;
    clear: both;
}

.footer-logos img {
    height: 2em;
    padding: 0 4px;
}

#home-disclaimer {
    font-size: 9px;
    font-style: normal;
    color: #888;
    padding-top: 10px;
    border-top: 1px solid #BBB;
    font-weight: normal;
    text-align: right;
    float: right;
}
#home-disclaimer a, #home-disclaimer a:visited  {
    color: #888;
    text-decoration: None;
    font-weight: bold;
}
.post-categories-tags {
    clear: both;
    color: #666;
    font-size: 0.8em;
}

/* ==================================================================
   Block-theme mapping layer. Everything ABOVE is the classic CSS,
   unchanged. Everything BELOW exists only because block markup
   differs from the classic PHP markup.
   ================================================================== */

/* The classic header.php opened <div id="container"> and footer.php closed
   it. Block templates wrap header + main + footer in a core/group whose
   anchor is "container", so the 960px rule above still applies — but the
   group also brings a flow layout, whose block-gap would add ~24px between
   header, main and footer where the classic had none. */
#container.wp-block-group > * + * {
    margin-block-start: 0;
}

/* core/navigation replaces wp_nav_menu() in the header. It renders its own
   wrappers inside <nav>, so re-assert the classic list layout against them.
   The classic rules target `header nav ul` / `header nav ul li`, which
   core's markup satisfies, but core also ships its own gap and margins. */
header .wp-block-navigation__container {
    gap: 0;
    margin-bottom: 26px;
}

header nav ul.wp-block-navigation__container {
    margin-bottom: 26px;
}

/* core/navigation-link wraps its anchor in a doubled class that beats a
   single-class override (see the fleet notes on core specificity), so the
   link colour is set with the same doubling. */
header .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight: bold;
    padding: 2px 4px;
    text-decoration: none;
    color: #000;
}

header .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    text-decoration: underline;
}

/* The History and Products sidebars were two hand-maintained classic menus
   (`#menu-history`, `#menu-products`). They are now a dsh/section-nav block
   driven by the page tree, so they cannot drift from it. Its styling lives with
   the block, in daysonhewitt-blocks/blocks/section-nav/style.css, so the
   sidebar survives a theme switch. Nothing is needed here. */

/* Paragraph rhythm inside post/page content.
   The classic got this from reset.css `p, dl, hr, h1..h6, ol, ul, pre, table
   { margin-bottom: 1em }`. Core's flow layout zeroes both block margins on
   every child (`:where(.is-layout-flow) > *`) and then re-adds a ~24px gap to
   `* + *`, so the classic 1em is lost twice over: once by the reset to zero and
   once by the replacement being the wrong size. Restate it at 1em, which at the
   12px body size is the 12px the classic actually rendered.
   Do NOT set this to 0 — that removes paragraph spacing entirely. */
main .wp-block-post-content > * + * {
    margin-block-start: 1em;
}

/* Headings inside content keep the classic's tighter leading above them. */
main .wp-block-post-content > h1 + *,
main .wp-block-post-content > h2 + *,
main .wp-block-post-content > h3 + * {
    margin-block-start: 1em;
}