.main {
  margin-top: var(--spacing-large);
}

h1 {
  font-family: var(--font-h1);
}

/** Navigation **/

/* Main menu */
.menu--main > .menu-item a {
  color: var(--darker) !important;

  &:hover {
    border: 1px solid var(--color-accent) !important;
  }
}

.lgd-header__toggle {
  color: var(--color-black);
  border-color: var(--color-accent);
}

.lgd-header__toggle:focus,
.lgd-header__toggle:hover {
  color: var(--color-white);
}


/* breadcrumb */
.lgd-region--breadcrumb {
  font-weight: bold;
  margin-bottom: 0;
  border-top: 0.25rem solid var(--border-color-light);
  color: var(--color-white);
}


/** Blocks **/

.block-auditor-working-info .auditor-working-info {
  text-align: right;
  font-style: italic;
}

/** Content **/

/* Resource */
/* Documents */
/* .path-resource .field--name-ascend-document>.field__item:not(:first-child) {
  border-top: 1px solid var(--darker);
  padding-top: var(--spacing-small);
  margin-top: var(--spacing-small);
}

.path-resource .field--name-ascend-document .field--name-ascend-media-desc {
    margin-bottom: var(--spacing-small)
} */

/* Content */
.path-resource .field-group-table table caption {
  font-size: var(--font-size-h3);
}

.path-resource .field--name-category {
  margin-bottom: var(--spacing-large);
}


/** Taxonomy **/

/* Description field */
.path-taxonomy .field--name-description p {
  font-size: var(--font-size-h3);
}

/* Info field on category */
.path-taxonomy .field--name-ascend-info {
  background-color: var(--header-accent);

  padding: var(--spacing);
  border: 0.25rem solid var(--color-accent-light);
  margin-bottom: var(--spacing-large);

  p {
    margin-block-end: 0;
  }
}


/** Sidebar blocks **/

/* round all the corners */
.sidebar .lgd-region__inner > * {
  border-radius: var(--spacing-large);
  border: 0.25rem solid var(--border-color-light);

  --color-link: var(--color-white);

  ul {
    padding-inline-start: var(--spacing-larger);
  }

  h2,
  li::marker {
    color: var(--color-white);
  }

  h2 {
    margin-block-end: var(--spacing-small);
  }
}


/** Search **/

/* submit button */
.views-exposed-form form input[type="submit"] {
  color: var(--color-black);
  background-color: var(--color-white);
  border-radius: var(--spacing);
}

/* search form */
.views-exposed-form label {
  color: var(--color-white);
}

/* search results */
.view-ascend-search .views-row {
  padding: var(--spacing);
  padding-bottom: var(--spacing-small);
  margin: 0 0 var(--spacing) 0;
  background-color: var(--color-section-post-footer-bg);
  border-radius: var(--spacing);

  h2 {
    --font-size-h2: var(--font-size-h3);
    margin-block-end: var(--spacing-small);
  }

  .field--name-extra-field-ascend-entity-type-field .field__item {
    display: inline-block;
    text-transform: capitalize;
    margin-block-end: var(--spacing-small);
    border-radius: var(--spacing);
    border: 1px solid var(--darker);
    padding: 0 var(--spacing-small);
  }

  .field--search-api-excerpt strong {
    background-color: var(--color-yellow);
  }
}


/** Footer **/

ul.menu--footer {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 50rem) {
  .lgd-footer__post-footer .lgd-row>* {
    margin-bottom: var(--spacing);
  }
}

.lgd-footer__post-footer h2 {
  margin-bottom: 0.6rem;
  --font-size-h2: var(--font-size-h3);
}

.region-lower-footer-second {
  display: flex;
  justify-content: space-between;
  background-image: url('../logo.png');
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 150px;
}


/* housekeeping (footer) */
.region-housekeeping {
  text-align: center;
  /* margin-right: 1rem; */
}

.lgd-footer__housekeeping {
  padding: 1rem 0;
}


/** General tweaks **/

/* make tables in field output 50/50 for consistent style */
.field-group-table .table {
  table-layout: fixed;
  overflow: hidden;
}

/* fix for scroll-away menus not working */
.user-logged-in .lgd-region--tabs {
  position: sticky;
  z-index: 100;
  top: var(--gin-toolbar-y-offset) !important;
}

/* Video player  */
.field--name-field-media-oembed-video {
  position: relative;
  padding-bottom: 56.25%;
}

.field--name-field-media-oembed-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* paragraphs stuff */

.paragraph--type--section {

  ul {
    list-style-type: square;
  }

  ul li::marker {
    color: var(--color-accent);
  }

  h2 {
    color: var(--color-accent);
  }
}