/* 
Theme Name: Twenty Twenty Two Child 
Theme URL: https://github.com/wordpress/twentytwentytwo/
Description: Twenty Twenty Two Child 
Theme Author: Nikki Shield
Author URL: https://designslikethese.co.uk
Template: twentytwentytwo 
Version: 1.0.0 
Text Domain: twentytwentytwo-child 
*/

a,
a:link,
a:visited {
  color: #008f9d;
}
a:focus,
a:hover,
a:active {
  color: #ea6184;
}
.footer-link-alt-colour a:link,
.footer-link-alt-colour a:visited {
  color: #e8511f;
  text-decoration: none;
}
.footer-link-alt-colour a:focus,
.footer-link-alt-colour a:hover,
.footer-link-alt-colour a:active {
  color: #ea6184;
}
.articles-sidebar-container,
.articles-header-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.articles-sidebar-container .empty-column,
.articles-header-container .empty-column {
  display: none;
}
@media screen and (min-width: 48em) {
  .articles-sidebar-container,
  .articles-header-container {
    display: grid !important;
    grid-template-columns: 0 2fr minmax(250px, 1fr);
    gap: 0;
  }
  .articles-sidebar-container .empty-column,
  .articles-header-container .empty-column {
    display: block;
  }
  .articles-header-container .header-titles {
    grid-column: 2 / 4;
  }
  .articles-sidebar-container .sidebar-container {
    border-left: 1px solid #ccc;
    padding-left: 1em;
  }
}
@media screen and (min-width: 60em) {
  .articles-sidebar-container,
  .articles-header-container {
    grid-template-columns: minmax(250px, 1fr) 2fr minmax(250px, 1fr);
  }
}
.wp-block-post-featured-image :where(img) {
  /* Needed for Category archive */
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  width: 100%;
}
.articles-sidebar-container .posts-container {
  padding-right: 1em;
}
.subsidiary-articles-container h3 {
  display: flex;
  align-items: center;
  font-size: 1.15em;
  text-transform: uppercase;
}
.subsidiary-articles-container h3:before {
  content: url(/wp-content/uploads/2025/01/Designs-like-these-Arrow-Down-Right-30.png);
  margin-right: 0.5em;
  width: 30px;
  height: 30px;
}
.subsidiary-articles-container .subsidiary-articles {
  padding-left: 0;
  list-style: none;
}
.subsidiary-articles-container .subsidiary-articles img {
  width: 100%;
  height: auto;
}
.articles-sidebar-container .sidebar-container * {
  margin-left: 0 !important;
}
.articles-sidebar-container .sidebar-container .wp-block-categories-list {
  list-style: none;
  padding-left: 0;
}
.articles-sidebar-container .sidebar-container a {
  text-decoration: none;
}
.articles-sidebar-container .page-numbers {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  li {
    margin-right: 1em;
    &:last-child {
      margin-left: auto;
      margin-right: 0;
    }
  }
}
.articles-sidebar-container .wp-block-query-pagination-numbers {
  display: flex;
  a {
    margin: 0 0.5em;
  }
}
.subsidiary-articles ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.single-post-heading {
  margin-bottom: 0.5em !important;
}
.single-post-meta-info {
  margin-bottom: 6em;
  text-transform: uppercase;
}
@media screen and (min-width: 782px) {
  .subsidiary-articles-container .subsidiary-articles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
}

/* -------------- */
/*  Carbon Badge  */
/* -------------  */
#wcb #wcb_g {
  border-color: #e8511f !important;
}
#wcb #wcb_a {
  background-color: #29265b !important;
  border-color: #29265b !important;
}
