/* Temp */
h1 {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}

.hero-title {
  opacity: 0;
  transform: translateY(15px);
  animation: titleFadeUp 0.6s ease-out forwards;
  animation-delay: 0.1s;
}

@keyframes titleFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.post-content img {
    border: 5px solid var(--base-0);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 6px 8px rgba(0,0,0,0.11),0 8px 16px rgba(0,0,0,0.11);
    filter: brightness(1.5);
}

figcaption {
  font-style: italic;
  text-align: center;
  font-size: 0.9rem;
  margin-top: 0.5em;
  color: #666; /* softer tone */
}

:root {
  --cat-agile: #d32f2f;
  --cat-consulting: #303f9f;
  --cat-cybersecurity: #c2185b;
  --cat-databases: #5d4037;
  --cat-digital-marketing: #bf360c;
  --cat-digital-transformation: #1976d2;
  --cat-fractional-cto: #0288d1;
  --cat-general: #0097a7;
  --cat-hiring: #00796b;
  --cat-iain-white: #ffa000;
  --cat-infrastructure: #689f38;
  --cat-it-governance: #afb42b;
  --cat-it-strategy: #e64a19;
  --cat-leadership: #388e3c;
  --cat-mentoring: #f57c00;
  --cat-mobile-development: #fbc02d;
  --cat-project-management: #d84315;
  --cat-software-engineering: #7b1fa2;
  --cat-technology: #512da8;
  --cat-web-development: #616161;

  /* RGB */
  /* e.g. background-color: rgba(var(--cat-agile-rgb), 0.5); */
  --cat-agile-rgb: 211, 47, 47;
  --cat-consulting-rgb: 48, 63, 159;
  --cat-cybersecurity-rgb: 194, 24, 91;
  --cat-databases-rgb: 93, 64, 55;
  --cat-digital-marketing-rgb: 191, 54, 12;
  --cat-digital-transformation-rgb: 25, 118, 210;
  --cat-fractional-cto-rgb: 2, 136, 209;
  --cat-general-rgb: 0, 151, 167;
  --cat-hiring-rgb: 0, 121, 107;
  --cat-iain-white-rgb: 255, 160, 0;
  --cat-infrastructure-rgb: 104, 159, 56;
  --cat-it-governance-rgb: 175, 180, 43;
  --cat-it-strategy-rgb: 230, 74, 25;
  --cat-leadership-rgb: 56, 142, 60;
  --cat-mentoring-rgb: 245, 124, 0;
  --cat-mobile-development-rgb: 251, 192, 45;
  --cat-project-management-rgb: 216, 67, 21;
  --cat-software-engineering-rgb: 123, 31, 162;
  --cat-technology-rgb: 81, 45, 168;
  --cat-web-development-rgb: 97, 97, 97;

  /* HR */
  /* e.g. background-image: var(--cat-agile-hr); */
  --cat-agile-hr: linear-gradient(to right, transparent, #d32f2f, transparent);
  --cat-consulting-hr: linear-gradient(to right, transparent, #303f9f, transparent);
  --cat-cybersecurity-hr: linear-gradient(to right, transparent, #c2185b, transparent);
  --cat-databases-hr: linear-gradient(to right, transparent, #5d4037, transparent);
  --cat-digital-marketing-hr: linear-gradient(to right, transparent, #bf360c, transparent);
  --cat-digital-transformation-hr: linear-gradient(to right, transparent, #1976d2, transparent);
  --cat-fractional-cto-hr: linear-gradient(to right, transparent, #0288d1, transparent);
  --cat-general-hr: linear-gradient(to right, transparent, #0097a7, transparent);
  --cat-hiring-hr: linear-gradient(to right, transparent, #00796b, transparent);
  --cat-iain-white-hr: linear-gradient(to right, transparent, #ffa000, transparent);
  --cat-infrastructure-hr: linear-gradient(to right, transparent, #689f38, transparent);
  --cat-it-governance-hr: linear-gradient(to right, transparent, #afb42b, transparent);
  --cat-it-strategy-hr: linear-gradient(to right, transparent, #e64a19, transparent);
  --cat-leadership-hr: linear-gradient(to right, transparent, #388e3c, transparent);
  --cat-mentoring-hr: linear-gradient(to right, transparent, #f57c00, transparent);
  --cat-mobile-development-hr: linear-gradient(to right, transparent, #fbc02d, transparent);
  --cat-project-management-hr: linear-gradient(to right, transparent, #d84315, transparent);
  --cat-software-engineering-hr: linear-gradient(to right, transparent, #7b1fa2, transparent);
  --cat-technology-hr: linear-gradient(to right, transparent, #512da8, transparent);
  --cat-web-development-hr: linear-gradient(to right, transparent, #616161, transparent);
    
}

/* Author, Date, Read Time */
.post-meta-container p {
	margin: 15px;
}

/* Iain White Image */
.post-hero-iain {
	position: absolute;
}

.old-post {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: repeating-linear-gradient(
        45deg,
        #fff8c4,
        #fff8c4 10px,
        #fce97f 10px,
        #fce97f 20px
      );
    color: #5a4100;
    padding: .5rem 1.5rem;
    font-weight: 600;
    font-size: 0.95rem;
    clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
    z-index: 10;
}

.old-post .gb-shape svg {
width: 1em;
height: 1em;
fill: currentColor;
color: #db5025;
font-size: 50px;
font-weight: bold;
}


/* Set Category Colours for page */
.primary-cat-agile {
	--category-color: var(--cat-agile);
	--category-color-rgb: var(--cat-agile-rgb);
    --category-color-hr: var(--cat-agile-hr);
}
.primary-cat-consulting {
	--category-color: var(--cat-consulting);
	--category-color-rgb: var(--cat-consulting-rgb);
    --category-color-hr: var(--cat-consulting-hr);
}
.primary-cat-cybersecurity {
	--category-color: var(--cat-cybersecurity);
	--category-color-rgb: var(--cat-cybersecurity-rgb);
    --category-color-hr: var(--cat-cybersecurity-hr);
}
.primary-cat-databases {
	--category-color: var(--cat-databases);
	--category-color-rgb: var(--cat-databases-rgb);
    --category-color-hr: var(--cat-databases-hr);
}
.primary-cat-digital-marketing {
	--category-color: var(--cat-digital-marketing);
	--category-color-rgb: var(--cat-digital-marketing-rgb);
    --category-color-hr: var(--cat-digital-marketing-hr);
}
.primary-cat-digital-transformation {
	--category-color: var(--cat-digital-transformation);
	--category-color-rgb: var(--cat-digital-transformation-rgb);
    --category-color-hr: var(--cat-digital-transformation-hr);
}
.primary-cat-fractional-cto {
	--category-color: var(--cat-fractional-cto);
	--category-color-rgb: var(--cat-fractional-cto-rgb);
    --category-color-hr: var(--cat-fractional-cto-hr);
}
.primary-cat-general {
	--category-color: var(--cat-general);
	--category-color-rgb: var(--cat-general-rgb);
    --category-color-hr: var(--cat-general-hr);
}
.primary-cat-hiring {
	--category-color: var(--cat-hiring);
	--category-color-rgb: var(--cat-hiring-rgb);
    --category-color-hr: var(--cat-hiring-hr);
}
.primary-cat-iain-white {
	--category-color: var(--cat-iain-white);
	--category-color-rgb: var(--cat-iain-white-rgb);
    --category-color-hr: var(--cat-iain-white-hr);
}
.primary-cat-infrastructure {
	--category-color: var(--cat-infrastructure);
	--category-color-rgb: var(--cat-infrastructure-rgb);
    --category-color-hr: var(--cat-infrastructure-hr);
}
.primary-cat-it-governance {
	--category-color: var(--cat-it-governance);
	--category-color-rgb: var(--cat-it-governance-rgb);
    --category-color-hr: var(--cat-it-governance-hr);
}
.primary-cat-it-strategy {
	--category-color: var(--cat-it-strategy);
	--category-color-rgb: var(--cat-it-strategy-rgb);
    --category-color-hr: var(--cat-it-strategy-hr);
}
.primary-cat-leadership {
	--category-color: var(--cat-leadership);
	--category-color-rgb: var(--cat-leadership-rgb);
    --category-color-hr: var(--cat-leadership-hr);
}
.primary-cat-mentoring {
	--category-color: var(--cat-mentoring);
	--category-color-rgb: var(--cat-mentoring-rgb);
    --category-color-hr: var(--cat-mentoring-hr);
}
.primary-cat-mobile-development {
	--category-color: var(--cat-mobile-development);
	--category-color-rgb: var(--cat-mobile-development-rgb);
    --category-color-hr: var(--cat-mobile-development-hr);
}
.primary-cat-project-management {
	--category-color: var(--cat-project-management);
	--category-color-rgb: var(--cat-project-management-rgb);
    --category-color-hr: var(--cat-project-management-hr);
}
.primary-cat-software-engineering {
	--category-color: var(--cat-software-engineering);
	--category-color-rgb: var(--cat-software-engineering-rgb);
    --category-color-hr: var(--cat-software-engineering-hr);
}
.primary-cat-technology {
	--category-color: var(--cat-technology);
	--category-color-rgb: var(--cat-technology-rgb);
    --category-color-hr: var(--cat-technology-hr);
}
.primary-cat-web-development {
	--category-color: var(--cat-web-development);
	--category-color-rgb: var(--cat-web-development-rgb);
    --category-color-hr: var(--cat-web-development-hr);
}

/* Category Links */
.cat-link {
	padding: 1px 10px;
	margin: 3px;
	border-radius: 25px;
	border: 2px solid var(--base-0);
	font-size: 16px;
	color: var(--base-0);
	text-decoration: none;
	font-weight: 600;
	display: inline-block;
	transition: transform 0.2s ease, filter 0.2s ease, color 0.2s ease;
}

.cat-link:hover {
  filter: brightness(1.1);
  color: #FFD700;
  transform: scale(1.05);
}

.cat-mobile-development:hover {
    color: #8a6e00;
}

/* Background Colours */
.cat-agile {
	background-color: var(--cat-agile);
}
.cat-consulting {
	background-color: var(--cat-consulting);
}
.cat-cybersecurity {
	background-color: var(--cat-cybersecurity);
}
.cat-databases {
	background-color: var(--cat-databases);
}
.cat-digital-marketing {
	background-color: var(--cat-digital-marketing);
}
.cat-digital-transformation {
	background-color: var(--cat-digital-transformation);
}
.cat-fractional-cto {
	background-color: var(--cat-fractional-cto);
}
.cat-general {
	background-color: var(--cat-general);
}
.cat-hiring {
	background-color: var(--cat-hiring);
}
.cat-iain-white {
	background-color: var(--cat-iain-white);
}
.cat-infrastructure {
	background-color: var(--cat-infrastructure);
}
.cat-it-governance {
	background-color: var(--cat-it-governance);
}
.cat-it-strategy {
	background-color: var(--cat-it-strategy);
}
.cat-leadership {
	background-color: var(--cat-leadership);
}
.cat-mentoring {
	background-color: var(--cat-mentoring);
}
.cat-mobile-development {
	background-color: var(--cat-mobile-development);
}
.cat-project-management {
	background-color: var(--cat-project-management);
}
.cat-software-engineering {
	background-color: var(--cat-software-engineering);
}
.cat-technology {
	background-color: var(--cat-technology);
}
.cat-web-development {
	background-color: var(--cat-web-development);
}

.post hr {
  height: 4px;
  border: none;
  margin: 2em 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--category-color-hr);
}

.post ul {
    list-style: none;
    padding-left: 1em;
    margin-left: 1.5em;
}

.post ul li {
  position: relative;
  margin-bottom: 0.6em;
  line-height: 1.4;
}

.post ul li::before {
  content: '•';
  position: absolute;
  left: -1em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2em; /* Increased bullet size */
  color: var(--category-color);
  font-weight: bold;
  line-height: 1;
}

.takeaways-line {
  display: flex;
  align-items: center;
  gap: 1em; /* Space between text and line */
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
  color: var(--category-color);
 margin-top: 50px;
}

.takeaways-line::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background-color: var(--category-color);
}

.takeaways-div {
    border-bottom: 2px solid var(--category-color);
  margin-bottom: 50px;
}