/*
 * Post Specific CSS Stylesheet
 * Post ID: 13590
 * Slug: the-big-read
 * Version: 1.0.0
 * This stylesheet is linked by the Post-Specific CSS Manager plugin – see admin settings for details
 */

/* CUSTOM POST STYLING */
body {all: unset;} /* reset for custom post template styling */
.custom-post .standfirst,
.news-rules .wp-block-post-terms, .news-rules .wp-block-post-date, .news-rules .wp-block-post-author-name, .news-rules .by-line p {all: unset !important;} /* reset for custom post template styling */
#mql-sentinel {display: none;}
.in-brief h2.wp-block-post-title {hyphens: auto !important;} /* for text wrap around small thumbs */
.bump-up {margin-block-start:0px}

 /* fonts */
 @font-face {
  font-family: 'Creo';
  src: url('../fonts/Creo-ExtraBold.woff2') format('woff2'),
      url('../fonts/Creo-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: local('Open Sans'), url('../fonts/OpenSans-Regular.woff') format('woff');
}



/* navigation menu */
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content:hover {
    background-image: none !important;}
.wp-block-navigation .wp-block-navigation-item__content:hover {
  background-color: var(--wp--preset--color--base) !important;
  color: #B51134; border-radius: 4px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button,
.forminator-button {
  background-image: none !important;
  background-color: #B51134; border-radius: 4px;
  color: var(--wp--preset--color--base) !important;
  border: none !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button:hover {
  background-color: var(--wp--preset--color--base) !important;
background-image: none !important; border-radius: 4px !important;}

.forminator-button:hover {text-decoration: dotted 4px underline;
text-underline-offset: 4px !important;}

/* masthead */
.masthead h1 {font-size: clamp(3rem, 1.4946rem + 6.8817vw, 7rem);}
.masthead  {text-shadow: none}
.strapline {text-wrap: balance; line-height: 1.1;}

h1, h2, h3, h4, h5, h6, .firstpara::first-letter,
.wp-block-navigation .wp-block-navigation-item__label,
.wp-block-post-date, .wp-block-post-excerpt__more-link, .wp-block-read-more,
.wp-block-post-terms__prefix, .post-navigation-link-previous a, .post-navigation-link-next a, 
.firstpara a, .strapline, .my-custom-wpp .wpp-custom-title a, .forminator-button {
  font-family: 'Creo',sans-serif !important;}

h1, h2, h3, h4, h5, h6, .firstpara::first-letter {color: #B51134}

body, body a, .firstpara {font-family: 'Open Sans';}
 .firstpara {font-weight: 900;}
.firstpara::first-letter {font-size: 5em;}
a {color: #B51134;}
a:hover, a:focus {text-decoration: underline dotted 4px !important;}



.entry-content ul {
  list-style-type: none;
  padding-left: 0;
  border-right: none;
  padding-right: 0px;}


/* READ MORE LINK */
.wp-block-post-excerpt__more-link::after, .wp-block-read-more::after {
  content: "";
  background-image: url(http://bigimpactdesign.com/wp-content/uploads/2024/11/read-article-pointer.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-left: 3px;
  transition: margin-left 0.5s;
}
.wp-block-post-excerpt__more-link, .wp-block-read-more {
  text-transform: none;
  margin-bottom: 2em;
  text-decoration: none;
  font-weight: 600;
}

.wp-block-post-excerpt__more-link:hover::after, .wp-block-read-more:hover::after {
	 margin-left: 10px;
  }
  .wp-block-post-excerpt__more-link:visited, .wp-block-read-more:visited {color: var(--red-head);} 
  /* READ MORE LINKS END */

  /* footer */
.custom-footer {background-color: #B51134; }
.custom-footer p {color: var(--wp--preset--color--base) !important;}

/* T&Cs and Cookie Policy buttons */
:root :where(.wp-element-button, .wp-block-button__link),
:root :where(.wp-element-button, .wp-block-button__link):hover {
  background-image: none !important; background-color: var(--wp--preset--color--base) !important; border-radius: 4px !important;
    color: #B51134;
    font-size: var(--wp--preset--font-size--x-small);
     font-family: 'Creo',sans-serif; font-weight: 900; text-transform: none !important;}
     :root :where(.wp-element-button, .wp-block-button__link):hover {
      text-decoration: dotted underline 4px !important;
    text-underline-offset: 4px !important;}