/*
Theme Name: BID active
Theme URI: https://olliewp.com
Description: This is Mike's custom child theme.
Author: Mike McAlister
Author URI: https://olliewp.com
Template:     ollie
Version: 1.0.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: ollie-child
*/

/* MY CODE */
/* site header styling */
.wp-block-navigation .wp-block-navigation-item__label {
   font-family: var(--wp--preset--font-family--cocogoose-pro);
}
.hero-header .wp-block-image img {vertical-align: middle;}

/* search button bkg */
.wp-block-search.wp-block-search__button-only .wp-block-search__button,
.forminator-ui.forminator-quiz#forminator-module-14427 .forminator-button {
border-radius: 0 !important;
 background: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.png) !important;
 background-size: 100% 100% !important;
    font-family: var(--wp--preset--font-family--cocogoose-pro);
font-size: unset;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button:hover,
.forminator-ui.forminator-quiz#forminator-module-14427 .forminator-button:hover {
border-radius: 0 !important;
 background: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-swatch-square.png) !important;
 background-size: 100% 100% !important;
    font-family: var(--wp--preset--font-family--cocogoose-pro);
font-size: unset;
}
/* navigation styling */
.wp-block-navigation .wp-block-navigation-item__content {padding: 5px 10px;
 background: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/paper-swatch-square.png) !important;
    background-size: 100% 100% !important;}

.wp-block-navigation .wp-block-navigation-item__content:hover {
    background: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.png) !important;
    background-size: 100% 100% !important;
    color: var(--wp--preset--color--base) ;
    text-decoration: none !important;
}
.wp-block-navigation__container .current-menu-item > a {
     background: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-swatch-square.png) !important;
    background-size: 100% 100% !important;
    color: var(--wp--preset--color--base) !important;
    text-decoration: none !important;
}

/* COVER HERO */
.cover-page {
  /* 2. Use 100% or 100dvh for better mobile compatibility */
  width: 99dvw;
  height: 75dvh; 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  /* 3. This keeps the 4px border INSIDE the 100vw/vh */
  box-sizing: border-box;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.cover-content {
  /* 4. Use padding instead of margin for the 5px inset */
  /* This ensures the content doesn't push against the parent borders */
  display: flex;
  flex-direction: column;
  
}
/* masthead settings */
h1.masthead {font-size: clamp(4rem, 2.7826rem + 5.5652vw, 8rem) !important;}
.masthead {text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);}
@media only screen and (max-width: 575px) {
    .masthead {text-align: left !important;}
}
/* COVER ENDS */

/* main page */
body {background-color: var(--wp--preset--color--base) !important;
    background: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/new-screen-bkg-v21.png) fixed repeat-x bottom right;
    }
h1,h2,h3,h4,h5,h6 {text-wrap: balance;}
@media only screen and (max-width: 380px) {h2 {hyphens: auto;}}

.wp-block-post-title :where(a) {display: inline !important;} /* allows linked archive titles to wrap */
.thumbnail-post-list {display: grid;} /* tidies archive link layouts */
.swatch-bkg {background-size: 100% 100% !important;} /* use to fill backgrounds using swatches */

/* links styling */
a {text-decoration: underline dotted 0.15em;text-underline-offset: 0.15em;} 
a:visited {color: #551A8B; }

/* masonry post archive */
.mpa-item-inner {background-color: var(--wp--preset--color--base) !important;}
.mpa-separator, .mpa-category, .mpa-author {display: none;}

/* button */
.mpa-read-more .button, .forminator-ui#forminator-module-14399.forminator-design--default .forminator-button-submit {
    background: unset !important;
    background-color: transparent !important;
    background: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.png)!important;
    background-size: 100% 100% !important;
    border: none !important;
    color: var(--wp--preset--color--base) !important;
    font-family: var(--wp--preset--font-family--cocogoose-pro) !important;
    font-size: var(--wp--preset--font-size--base);
    cursor: pointer;
display: inline-block;
text-align: center;
    padding: 0.5em 1.5em;
    text-decoration: none !important;
    transition: all 2s ease;
}

.mpa-read-more .button:hover, .forminator-ui#forminator-module-14399.forminator-design--default .forminator-button-submit:hover
 {background: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-swatch-square.png) !important;
    background-size: 100% 100% !important;
    background-color: transparent !important;
    color: var(--wp--preset--color--base) !important;
    text-decoration: none !important;
}

.mpa-read-more a {font-family: var(--wp--preset--font-family--cocogoose-pro) !important;}

/* ARTICLE STYLING */

/* colums */
@media only screen and (min-width: 1024px) {.two-col { column-count:2; column-rule: 1px solid #CCC;}}
.text-wrap {text-wrap: balance;}

/* firstpara */
.firstpara {
  font-family: 'Cocogoose Pro', 'Arial Black', sans-serif;
  color: #000;
}
.firstpara::first-letter {
    letter-spacing:0;
    text-transform:uppercase;
	font-family: 'Cocogoose Pro', 'Arial Black', sans-serif;
	color:#000;
    font-size:6.7rem;
	font-weight:normal;
	font-style:normal !important;
    float:left;
  	margin:8px 5px -7px 0; /* THESE VALUES SET TXT WRAP AROUND DROP CAP */
   	margin:0.8rem 0.5rem -0.7rem 0; /* THESE VALUES SET TXT WRAP AROUND DROP CAP */
  line-height:0.85; /* THIS SETS BASELINE POSITION OF DROP CAP */
}
@media only screen and (max-width: 850px) {
    .firstpara::first-letter {font-size:4rem;} .firstpara {font-size:1.4rem;}}
/* DROP CAP ENDS */

/* picture captions */
figcaption::before {content: "\25B2"; margin-right: 5px;}
figcaption {text-align: left !important;
background-color: var(--wp--preset--color--border-light); padding: 10px;
font-weight: 900; text-shadow: none;}
div[class*="wp-block-"] figcaption, .wp-block-image :where(figcaption) {margin-top: 0 !important;}

/* end tag */
.entry-content > p:last-of-type::after {
  content: url(http://timbaggaley.co.uk/wp-content/uploads/2025/11/square-avatar-16px.png);
  margin-left: 6px;
  }

/* bullet lists */
.entry-content ul li::before, cite::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));
}
.entry-content ul {list-style-type: none;padding-left: var(--wp--preset--spacing--medium);}
ul > li {padding-bottom: 1em;}

.div-clear-both {clear: both;}

/* COCOGOOSE PRO FONT APPLICATION */
/* meta prefix styling */
.wp-block-post-terms__prefix,
.post-navigation-link-previous a ,
.post-navigation-link-next a,
.firstpara a  {
    font-family: var(--wp--preset--font-family--cocogoose-pro) !important;
    font-style: normal !important;
}

/* PULLQUOTES & BLOCKQUOTES */
/* simple pull quotes */
.wp-block-pullquote {border-top: none !important; text-align: unset; text-wrap: balance;}
.wp-block-pullquote p, .wp-block-pullquote a, .wp-block-pullquote cite {
    font-family: var(--wp--preset--font-family--cocogoose-pro) !important;
}
.wp-block-pullquote p {font-size: var(--wp--preset--font-size--large); margin-bottom: 0.25em;}
.wp-block-pullquote cite {font-style: normal !important; margin-left: 2em;}
.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(http://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.png) 30% stretch !important;
    margin-top: 2em ;
    margin-bottom: 2em;
    padding-left: 1em;
}

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

/* cyan blockquote */
.cyan-blockquote cite::before, .right-quote cite::before {
  content: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/magenta-bullet.png);
}
.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 {
  content: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-bullet.png);
}
/* PULLQUOTES & BLOCKQUOTES ENDS */

/* BOX-OUT PANELS */
/* bookmarks */
.bookmarks {border-top: 4px dotted var(--wp--preset--color--main-accent); padding-top: 1em;}
.bookmarks a {font-family: var(--wp--preset--font-family--cocogoose-pro); text-decoration: none;}
/* blueprint box-out */
.blueprint {
    background-image: url(http://timbaggaley.co.uk/wp-content/uploads/2022/02/my-blueprint.jpg);
    padding: 1em;
    color: var(--wp--preset--color--base)
}
.blueprint, .blueprint a, .note, .note a  {font-family: 'Ubuntu', Arial, sans-serif;}
.blueprint a:hover {color: var(--wp--preset--color--primary-accent);}
.blueprint h2, .note h2 {font-family: 'Ubuntu', Arial, sans-serif; 
  font-weight: 900 !important;}
.blueprint h2, .blueprint p {color: var(--wp--preset--color--base);}
.blueprint a {color: var(--wp--preset--color--base); font-weight: 900;}

/* note box-out */
.note {
  background-image: url(http://timbaggaley.co.uk/wp-content/uploads/2025/07/notepage-bkg.jpg);
padding: 1em 1em 1em 2em;
}
/* BOX-OUT PANELS ENDS */

/* halftone screen box */
.screen-panel {
    background-image: url(http://timbaggaley.co.uk/wp-content/uploads/2024/02/halftone-screen-3.png);
    background-color: var(--wp--preset--color--border-light) !important;
    background-position: bottom right;
    background-repeat: no-repeat;
}

/* box out */
.box-out { background-image: url(http://timbaggaley.co.uk/wp-content/uploads/2026/02/cyan-swatch-square.png) !important;
background-size: 100% 100%;
font-family: 'Cocogoose Pro', 'Arial Black', sans-serif;
color: var(--wp--preset--color--base);
padding: 2rem;
overflow: auto;}
.box-out h2 {color:var(--wp--preset--color--base);}
.box-out a {text-decoration: none; font-family: unset;}

/* WWP POPULAR POSTS LIST */
.my-custom-wpp {
    list-style: none;
    padding: 0;
    margin: 0;
}

.my-custom-wpp li {
    display: flex;
    align-items: center; 
    gap: 15px;
    margin-bottom: 20px;
}

/* 1. Target the external wrapper injected by your optimization plugin */
.my-custom-wpp .liz-wrapper {
    width: 75px !important;
    height: 75px !important;
    flex-shrink: 0; /* Keeps it from squishing */
}

/* 2. Target the link inside that wrapper */
.my-custom-wpp .wpp-thumb-link {
    display: block !important;
    width: 75px !important;
    height: 75px !important;
    overflow: hidden;
    border-radius: 4px;
}

/* 3. Force the image to be a square center-crop */
.my-custom-wpp .wpp-thumb-link img {
    display: block !important;
    width: 75px !important;
    height: 75px !important;
    max-width: none !important; /* Prevents theme overrides */
    object-fit: cover !important;
    object-position: center !important;
}

/* Title Styling */
.my-custom-wpp .wpp-custom-title {
    margin: 0;
    padding: 0;
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.3;
}

.my-custom-wpp .wpp-custom-title a {
    font-family: var(--wp--preset--font-family--cocogoose-pro);
    font-weight: 300 !important; 
    text-decoration: none;
}

.my-custom-wpp li.current {
    background: rgba(0,0,0,0.05);
}

/* WPP POPULAR POSTS LIST ENDS */

/* BREAKPOINT SETTING */
/* --- Sidebar Stacking at 900px --- */
/* Forces Column blocks to stack vertically */
/* @media (max-width: 900px) {
    
    .wp-block-columns {
        flex-direction: column !important;
    }
}

/* --- Mobile Menu Trigger at 900px --- */
@media (max-width: 800px) {
    /* Hide the standard desktop horizontal navigation links */
    .wp-block-navigation:not(.has-menu-button) .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    /* Force the 'Hamburger' icon to appear */
    .wp-block-navigation:not(.has-menu-button) .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }
}
/* cover page background image */
@media (max-width: 899px) {.desk-view {display:none;}}
@media (min-width: 900px) {.mobile-view {display:none;}}

/* forminator quiz font colour fix */
.forminator-ui.forminator-quiz#forminator-module-14427 
.forminator-question--description, 
.forminator-ui.forminator-quiz#forminator-module-14427 
.forminator-question--description p {
    color: unset;
}

/* coffee shop demo */
.coffee-shop h3 {font-family: var(--wp--preset--font-family--cocogoose-pro)!important;
font-size: unset !important;}
.oxi-image-hover-content {font-family: var(--wp--preset--font-family--hepta-slab) !important; 
font-size: unset !important;}

/* my-pick of post lists */
.wp-block-latest-posts__post-title {
    font-family: var(--wp--preset--font-family--cocogoose-pro) !important;
    font-weight: 300 !important;
    text-decoration: none;
}