/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://example.com/twentytwentyone-child
Description: Child theme for Twenty Twenty-One with random header image and breadcrumbs.
Author: Robin
Template: twentytwentyone
Version: 1.0.0
Text Domain: twentytwentyone-child
*/

.site-main .adhs-random-header.alignwide,
.site-main .adhs-random-header {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 0 1.5rem -50vw !important;
  padding: 0;
}

#masthead,
#masthead-wrapper {
  padding-bottom: 0 !important;
}

body,
.is-light-theme,
#page,
.site {
  background-color: #d9dfe0;
}

#masthead,
#masthead-wrapper,
#site-navigation,
.primary-navigation,
.menu-button-container,
.primary-navigation > div > .menu-wrapper {
  background-color: #d9dfe0 !important;
}

.adhs-random-header img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}

#breadcrumbs {
  width: min(900px, calc(100% - 2rem));
  margin: 0 auto 1.25rem;
  font-size: 0.95rem;
  color: var(--global--color-primary, #425668);
}

#breadcrumbs a {
  text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus {
  text-decoration: underline;
}

.page:not(.home) .entry-header .entry-title,
.single .entry-header .entry-title {
  font-size: calc(var(--heading--font-size-h2, 2rem) * 1.12) !important;
  line-height: 1.2;
}