/* This stylesheet is created by The Big Read > Useful Tools > Last Word CSS module. The Big Read plugin needs to be installed and active in your plugins, and the Last Word CSS module enabled in the Useful Tools section for this stylesheet to be executed. In your WordPress administrator dashboard, visit The Big Read to see the settings.*/
/* version 1.7.1 */

/* NEWS RULES USER'S CUSTOM CSS */
/* this sets the vertical spacing between the taxonomy listings when in 
the footer of the post archive query post */
.news-rules {--nr-taxonomy-gap: 0.2em;}

@media screen and (max-width: 781px) {
.wp-block-cover__inner-container {
    padding-left: 0!important;
padding-right: 0!important;}}

/* headline story settings for News Rules */
 .headline-story .wp-block-post-title{
    margin-top: 0;
    margin-bottom: 0.5em;
}

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

/* Remove vertical separator lines for headline stories using news-rules */
 .news-rules.headline-story .wp-block-column::after {
    display: none ;
    content: none !important;
}

.headline-story .wp-block-column:not(:last-child) {
	border-bottom: 0;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* News Rules customisations */
.news-rules .wp-block-post-terms {
    margin-right: 10px;
    text-wrap: balance;
}

.news-rules .wp-block-post-terms,
.news-rules .wp-block-read-more,
.news-rules .wp-block-post-date,
.news-rules .wp-block-post-author,
.news-rules .wp-block-post-author-name,
.news-rules .by-line p {
    font-weight: 700 !important;
}

.news-rules .wp-block-post-terms,
.news-rules .wp-block-post-date,
.news-rules .wp-block-post-author-name,
.news-rules .by-line p {
    font-size: 1em !important;
}

.news-rules .wp-block-post-title :where(a){
    display: inherit;
}

.in-brief .wp-block-image.alignleft, .in-brief .wp-block-post-featured-image.alignleft,
.in-brief .wp-block-image.alignright, .in-brief .wp-block-post-featured-image.alignright,
.in-brief h2.wp-block-post-title {
    margin-top: 0 !important;
}

/* News Rules Featured Panel styling */
.featured-panel {
  background-color: var(--wp--preset--color--custom-light-gray);
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-top: 1em solid var(--wp--preset--color--custom-deep-grey);
}
.featured-panel .wp-block-heading {padding-top: 0.2em;}

/* Calendar Icon */
.wp-block-post-date {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    background-image: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-swatch-square.webp);
    background-size: 100% 100%;
}
.wp-block-post-date::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Read More Link */
.news-rules .wp-block-read-more {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

/* Read More Triangle */
.news-rules .wp-block-read-more::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    margin-left: 5px;
    vertical-align: text-bottom;
    transition: all 0.3s ease;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Post Archive Excerpt Styling */
.news-rules .wp-block-post-excerpt {
    text-align: justify;
    text-justify: inter-character;
    hyphens: auto;
}
/* NEWS RULES ENDS */

/* MY CSS ANIMATIONS */
/* fade in and up on scroll */
.fade-in-up {
  animation: fade-in-up linear forwards;
  animation-timeline: view();
  animation-range: entry;
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(400px);
  }
  50% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.fade-out-down {
  animation: fade-out-down linear forwards;
  animation-timeline: view();
  animation-range: exit;
}
@keyframes fade-out-down {
    0% {
    opacity: 0;
    transform: translateY(50px);
  }
  35% {opacity: 0;}

80% {
    opacity: 1;
    transform: translateY(0px);
  }
}

/* fade in and down, using it on .masthead */
@keyframes fade-in-move-big {
	0% {
	  opacity: 0;
	  transform: translateY(-5rem);
      letter-spacing: 10px;	}
	100% {
	  opacity: 1;
	  transform: translateY(0);
      letter-spacing: -2px;
	}
  }

@keyframes fade-in-move-small {
	0% {
	  opacity: 0;
	  transform: translateY(-5rem);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
/* MASONRY POST ARCHIVE INSET */
.has-global-padding > .alignfull {
  margin-left: 0.5px;margin-right: 0.5px;
}

/* MASTHEADS */
.masthead {
  animation: fade-in-move-big 0.7s;
    filter: drop-shadow(0 0 0.05rem rgba(0, 0, 0, 0.7));
}

.masthead .wp-block-image img {width: 90vw;}

/* COLUMN SETTINGS */
@media only screen and (min-width: 950px) {
	.two-col {
	  column-count: 2;
	  column-rule: 1px solid #CCC;}}

/* FIRST PARA */
.first-para {
  font-family: var(--wp--preset--font-family--neufreit);
  font-size: 1.3em;
  line-height: 1.4em;
  margin-bottom: 0.5em; 
}
/* BUTTONS */
.forminator-ui#forminator-module-14399.forminator-design--default .forminator-button-submit {
  background-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.webp);
  background-size: 100% 100%;
  background-color: transparent;
  font-family: var(--wp--preset--font-family--neufreit);
  font-size: var(--wp--preset--font-size--small);
  padding: 0.5em 1em;
  transition: background-image 0.5s ease;
}
.forminator-ui#forminator-module-14399.forminator-design--default .forminator-button-submit:focus, 
.forminator-ui#forminator-module-14399.forminator-design--default .forminator-button-submit:active,
.forminator-ui#forminator-module-14399.forminator-design--default .forminator-button-submit:hover {
  background-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-swatch-square.webp);
  background-size: 100% 100%;
  background-color: transparent;
  box-shadow:none;
  font-family: var(--wp--preset--font-family--neufreit);
}

.cyan-button:hover {background-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-swatch-square.webp);}

.punk-footer .wp-block-buttons .wp-block-button__link:hover,
.punk-footer .wp-block-buttons .wp-block-button__link:focus,
.punk-footer .wp-block-buttons .wp-block-button__link:active {
  color: var(--wp--preset--color--custom-base);}

/* PULLQUOTES & BLOCKQUOTES */
/* simple pull quotes and single post navigation */
.wp-block-pullquote {border-top: none !important; text-align: unset; text-wrap: balance;}
.wp-block-pullquote p, .post-navigation-link__label {
  font-family: var(--wp--preset--font-family--neufreit);
}
.wp-block-pullquote p {font-size: var(--wp--preset--font-size--large); margin-bottom: 0.25em;}
.wp-block-pullquote cite {font-style: normal !important;}
.left-quote blockquote, .right-quote blockquote {padding: 0;}
.cyan-blockquote, .magenta-blockquote, .black-blockquote, .yellow-blockquote {padding: 2em;}
.cyan-blockquote cite, .magenta-blockquote cite, .black-blockquote cite {color: var(--wp--preset--color--base)}
cite::before {vertical-align: sub;}

.left-quote {border-left: 1em solid transparent !important;
    border-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.webp) 30% stretch !important;
    margin-top: 2em ;
    margin-bottom: 2em;
    padding-left: 1em !important;
}

.right-quote { border-right: 1em solid transparent;
    border-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-swatch-square.webp) 30% stretch;
    margin-top: 2em ;
margin-bottom: 2em;
text-align: right;
padding-right: 1em;
}
.left-quote-yellow {border-left: 1em solid transparent !important;
    border-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/yellow-swatch-square.webp) 30% stretch !important;
    margin-top: 2em ;
    margin-bottom: 2em;
    padding-left: 1em !important;
}
.right-quote-black { border-right: 1em solid transparent;
    border-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/black-swatch-square.webp) 30% stretch;
    margin-top: 2em ;
margin-bottom: 2em;
text-align: right;
padding-right: 1em;
}
/* swatch blockquote */
.cyan-blockquote, .magenta-blockquote, .black-blockquote, .yellow-blockquote,
.cyan-button, .magenta-button {
  overflow: auto;
  background-size: 100% 100% !important;}
.cyan-blockquote, .cyan-button, .magenta-button {background: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.webp);}
.magenta-blockquote {background: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-swatch-square.webp);}
.black-blockquote {background: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/black-swatch-square.webp);}
.yellow-blockquote {background: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/yellow-swatch-square.webp);}
.cyan-blockquote p, .magenta-blockquote p, 
.black-blockquote p, .cyan-blockquote cite,
.magenta-blockquote cite,  .black-blockquote cite
{color: var(--wp--preset--color--custom-base);}

/* cyan blockquote */
.cyan-blockquote cite::before, .right-quote cite::before {
  content: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-bullet.png);
  margin-right: 0.5em;
}
/*
.left-quote cite::before {
  content: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-bullet.png);
  margin-right: 0.5em;
}

.left-quote-yellow cite::before {
  content: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/yellow-bullet.png);
  margin-right: 0.5em;
}
.right-quote-black cite::before {
  content: url(http://timbaggaley.co.uk/wp-content/uploads/2026/08/black-bullet.png);
  margin-right: 0.5em;
}
*/

.magenta-blockquote a:hover, .black-blockquote a {color: var(--wp--preset--color--primary);}
.black-blockquote a:hover {color: var(--wp--preset--color--primary-accent);}

.yellow-blockquote cite::before, .magenta-blockquote cite::before,
.black-blockquote cite::before {
  content: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-bullet.png);
  margin-right: 0.5em;
}
/* PULLQUOTES & BLOCKQUOTES ENDS */

/* META DATA STYLING */
.wp-block-post-terms__prefix {
  font-weight: 900;
}

/* BOX-OUT PANELS */
/* picture captions colour off */
body .blueprint .wp-block-image:not(.wp-block-gallery figure) figcaption, 
body .blueprint .wp-block-image:not(.wp-block-gallery figure) .wp-element-caption, 
body .blueprint .wp-block-gallery > .wp-element-caption, 
.blueprint .blocks-gallery-caption, .tbr-custom-caption,
body .note .wp-block-image:not(.wp-block-gallery figure) figcaption, 
body .note .wp-block-image:not(.wp-block-gallery figure) .wp-element-caption, 
body .note .wp-block-gallery > .wp-element-caption, 
.note .blocks-gallery-caption, .tbr-custom-caption {
  background-color: transparent !important;
}

/* fonts for NOTE and BLUEPRINT */
.blueprint h2,
.blueprint a,
.blueprint p,
.blueprint .wp-block-list > li,
.note h2,
.note a,
.note p,
.note .wp-block-list > li {
  font-family: var(--wp--preset--font-family--ocr-a-bt);
}
.blueprint h2, .note h2 {font-size: var(--wp--preset--font-size--large);}

/* blueprint box-out */

.blueprint {
  position: relative;
  background-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/08/blue-graph-tile.jpg);
  padding: 1em;
  color: var(--wp--preset--color--custom-base);
  border-radius: 4px !important;
  overflow: hidden;
}

/* picture caption clear backgrounds */
.blueprint figcaption, .note figcaption  {
  background-color: transparent !important;
	font-family: var(--wp--preset--font-family--ocr-a-bt);
}
.blueprint figcaption {color: var(--wp--preset--color--base);}

/* CORNER MARKS */

.blueprint::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  border-radius: inherit;

  background-image:
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC);

  background-position:
    left top, left top,
    right top, right top,
    left bottom, left bottom,
    right bottom, right bottom;

  background-size:
    20px 5px, 5px 20px,
    20px 5px, 5px 20px,
    20px 5px, 5px 20px,
    20px 5px, 5px 20px;

  background-repeat: no-repeat;
}

.blueprint h2,
.blueprint a,
.blueprint p,
.blueprint .wp-block-list > li {
  color: var(--wp--preset--color--custom-base);
}

/* NOTE BOX-OUT */

.note {
  position: relative;

  background-image:
    url(https://timbaggaley.co.uk/wp-content/uploads/2026/08/notepage-bkg-edge.webp),
    url(https://timbaggaley.co.uk/wp-content/uploads/2026/08/notepage-bkg-edge.webp),
    url(https://timbaggaley.co.uk/wp-content/uploads/2026/08/notepage-bkg.webp);

  background-position: left top, right top, center top;
  background-repeat: repeat-y, repeat-y, repeat;

  padding: 1em;

  border-radius: 4px !important;
  overflow: hidden;
}

/* NOTE CORNER MARKS */

.note::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  border-radius: inherit;

  background-image:
    /* Top-Left */
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    /* Top-Right */
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    /* Bottom-Left */
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    /* Bottom-Right */
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC);

  background-position:
    left top, left top,
    right top, right top,
    left bottom, left bottom,
    right bottom, right bottom;

  background-size:
    20px 5px, 5px 20px,
    20px 5px, 5px 20px,
    20px 5px, 5px 20px,
    20px 5px, 5px 20px;

  background-repeat: no-repeat;
}

.blueprint h2, .blueprint a, .blueprint p,
.blueprint .wp-block-list > li,
.note h2, .note a, .note p,
.note .wp-block-list > li  {
font-family: var(--wp--preset--font-family--ocr-a-bt);}

/* paper background */
.paper {background-color: #F8F6F2;
  background-image: url(http://bid-2026.local/wp-content/uploads/2026/08/002-Watercolor-Paper.png);
  }

/* CORNER MARKS */
.corner-marks,
.wp-block-group.corner-marks,
.wp-block-button .wp-block-button__link,
.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog {
  position: sticky;

  border-radius: 4px;
  overflow: hidden; /* Clips inner content/backgrounds to the 4px radius */
}

.corner-marks::before,
.wp-block-group.corner-marks::before,
.wp-block-button .wp-block-button__link::before,
.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  border-radius: inherit;

  /* 8 gradients rendering 4 L-shaped corner marks */
  background-image:
    /* Top-Left */
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    /* Top-Right */
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    /* Bottom-Left */
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC),
    /* Bottom-Right */
    linear-gradient(#CCCCCC, #CCCCCC), linear-gradient(#CCCCCC, #CCCCCC);

  background-position:
    left top, left top,
    right top, right top,
    left bottom, left bottom,
    right bottom, right bottom;

  background-size:
    20px 5px, 5px 20px,
    20px 5px, 5px 20px,
    20px 5px, 5px 20px,
    20px 5px, 5px 20px;

  background-repeat: no-repeat;
}
/* CORNER MARKS - ENDS */

/* NAVIGATION STYLING */

@media screen and (min-width: 800px) {
.wp-block-navigation .wp-block-navigation-item:not(:last-child)::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 1.2em;
	background-color: currentColor;
	margin-left: 0.7em;
	vertical-align: middle;
}
}
/* fancy underline */
.fancy-ul a {
  position: relative;
  color: var(--wp--preset--color--custom-off-black) !important;
  text-decoration: none !important;
}

.fancy-ul a:hover {
  color: inherit;
}

.fancy-ul a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  bottom: -8px;
  left: 0;
  background-color: var(--wp--preset--color--custom-cyan);
  transform: scaleX(0);
  transition: all 0.3s ease;
}

.fancy-ul a:hover::before {
  transform: scaleX(1);
}

.fancy-ul a:focus::before {
    background-color: var(--wp--preset--color--custom-magenta);
    transform: scaleX(1);
}
.current-menu-item .wp-block-navigation-item__label::before,
body.single-post .wp-block-navigation-item a[href*="shoptalk"]::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  bottom: -8px;
  left: 0;
  transform: scaleX(1);
  background-color: var(--wp--preset--color--custom-magenta);
}


/* STANDFIRST */
.standfirst {
/* border-left: 1em solid transparent;
    border-image: url(https://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.webp) 30% stretch;
    padding-left: 1em; */
      font-size: var(--wp--preset--font-size--medium);
}

/* READ MORE BOOKMARKS */
.bookmarks {
  border-top-color: var(--wp--preset--color--main-accent);
  border-top-style: dotted;
  border-top-width: 4px;
  padding-top: var(--wp--preset--spacing--small);
}
ul.wp-block-list {
  list-style: none;
}
ul.wp-block-list li::before {
  content: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-bullet.png);
  padding-right: 10px;
  margin-left: calc(0px - var(--wp--preset--spacing--medium));
  baseline-shift: sub;
}
:root :where(.wp-block-list > li) {margin-bottom: 1rem;}
.bookmarks a {
  font-weight: 900;
}

/* TEXT LINK STYLING */

.entry-content a,
.entry-content a:not(.wp-block-site-title a, .wp-block-button__link.wp-element-button)
{
  text-decoration: none !important;
color: inherit;
transition: all 0.3s ease;
font-weight: 900;
}
a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
  color: inherit;
  transition: all 0.3s ease;
}

a:hover, 
a:hover:not(.wp-block-site-title a, .wp-block-button__link.wp-element-button)
{
  color: var(--wp--preset--color--custom-cyan);
text-decoration-color: var(--wp--preset--color--custom-cyan) !important;
}
a:focus,
a:focus:not(.wp-block-site-title a, .wp-block-button__link.wp-element-button)
{
  color: var(--wp--preset--color--custom-cyan);
text-decoration-color: var(--wp--preset--color--custom-magenta) !important;
}

/* ==========================================================================
   WordPress Popular Posts (WPP) Fixed Styling
   ========================================================================== */

/* 1. Main List Container Reset */
ul.wpp-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 2. Individual List Items (Flexbox Layout) */
ul.wpp-list li {
    display: flex !important;
    align-items: flex-start;
    gap: 12px; /* Space between thumbnail and text */
    margin-bottom: 16px !important;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--wp--preset--color--custom-deep-grey, #eeeeee);
    list-style: none !important;
}

ul.wpp-list li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0;
    border-bottom: none;
}

/* 3. Thumbnail Wrapper & Cropping (Fixes Image Zoom & Stacking) */
ul.wpp-list li > a.wpp-thumb-wrapper,
ul.wpp-list li > a {
    flex: 0 0 75px; /* Set your preferred fixed thumbnail width */
    width: 75px;
    height: 75px;  /* Set your preferred fixed thumbnail height */
    display: block;
    overflow: hidden; /* Clips the image zoom hover effect inside the frame */
    border-radius: 2px;
    background-color: #f0f0f0;
}

/* Thumbnail Image Fit & Zoom Effect */
ul.wpp-list li a.wpp-thumb-wrapper img,
ul.wpp-list li img.wpp-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Forces image to crop cleanly without distortion */
    display: block;
    margin: 0 !important;
    float: none !important;
    transition: transform 0.3s ease, opacity 0.2s ease;
}

/* Optional Zoom Effect on Hover */
ul.wpp-list li:hover a.wpp-thumb-wrapper img {
    transform: scale(1.08);
}

/* 4. Text Content Container */
.wpp-item-data {
    flex: 1;
    min-width: 0; /* Prevents long text from overflowing flexbox container */
}

/* 5. Typography & Title Wrapping */
.wpp-post-title,
.wpp-item-data .wpp-post-title {
    display: block;
    font-size: 0.95em;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 4px 0;
    text-decoration: none;
    color: #111111;
}

.wpp-post-title:hover {
    color: #0073aa;
}

.taxonomies {
    font-size: 0.75em;
    text-transform: uppercase;
    margin-bottom: 2px;
    color: #666666;
}

/* 6. Meta Data & Excerpt */
.wpp-meta,
.wpp-excerpt {
    display: block;
    font-size: 0.85em;
    color: #666666;
    line-height: 1.3;
}

/* TESTIMONIALS */
.happy-customers {
  border-top-color: var(--wp--preset--color--main-accent);
  border-top-style: dotted;
  border-top-width: 4px;
  padding-top: var(--wp--preset--spacing--small);
}
.strong-view.wpmtst-simple .wpmtst-testimonial-image img {
border-radius: 4px;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-inner{
  padding: 0;
  border: none;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-field {
  float: right;
  font-weight: 900;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-content p:first-of-type {
  padding-top: 0.5em;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-image {
	margin-top: .5em;
	margin-bottom: 0.25em;
}

/* IMG HOVER-OVER STYLING */
/* used in 'Putting Practice Into Theory' and 'Always Judge A Book By Its Cover' */
.oxi-image-hover-wrapper-1 .oxi-addons-row 
.oxi-image-hover-figure-caption .oxi-image-hover-heading {
  font-family: var(--wp--preset--font-family--neufreit) !important;
    font-size: var(--wp--preset--font-size--medium) !important;
    font-weight: 900;
    color: var(--wp--preset--color--custom-base) !important;
}
.oxi-addons-container .oxi-image-hover-figure-caption .oxi-image-hover-content {
  font-family: var(--wp--preset--font-family--ocr-a-bt) !important;
  font-size: var(--wp--preset--font-size--small) !important;
  color: var(--wp--preset--color--custom-base) !important;
  font-weight: 900;
}
.oxi-image-hover-caption-tab.image-hover-align-center-center {
	background-image: url('https://timbaggaley.co.uk/wp-content/uploads/2026/08/blue-graph-tile.jpg') !important;
}

/* MOBILE MENU STYLING */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
  background-image: url(http://bid-2026.local/wp-content/uploads/2026/10/BID-email-signature-logo-2026.png), 
  url(http://bid-2026.local/wp-content/uploads/2026/08/mid-grey-fine-grid-90-paper-tile.webp);
  background-position: center bottom, top left;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed, scroll;
  background-size: 80vw, auto;
}
.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{
  background-image: url(http://bid-2026.local/wp-content/uploads/2026/08/002-Watercolor-Paper.png);
  padding: 2em;
}

.text-wrap {margin-top: 0;}

/* MEDIA TEXT BOX MODS */
.wp-block-media-text > .wp-block-media-text__content {
  padding-left: 0;padding-right: 0;
}

.mql-word-broken {
    color: #ff0000 !important;
}