/*
  Specific styles for the dive log subtheme.
*/
html {
  background-color: darkblue; }

body {
  background: url(../../images/beach.png) repeat-x; }

div.container.site-header__inner__container {
  position: relative; }

.node__content p img {
  box-shadow: 0 0 1em #999;
  padding: 0.5em; }

a .round-link-icon {
  font-weight: bold;
  color: #FFF;
  background-color: var(--color-text-primary-medium);
  border-radius: 50%;
  width: 1.5em;
  display: inline-block;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  margin-right: 0.2em; }

a:hover .round-link-icon {
  background-color: var(--color--primary-50); }

/* Ordered list numbering */
ol.num-alpha {
  list-style-type: decimal; }
  ol.num-alpha ol {
    list-style-type: lower-alpha; }
    ol.num-alpha ol ol {
      list-style-type: lower-roman; }
      ol.num-alpha ol ol ol {
        list-style-type: upper-alpha; }
        ol.num-alpha ol ol ol ol {
          list-style-type: upper-roman; }

.text-content ol.policy li p:first-child {
  margin-block-start: var(--sp2); }

/* Pressure group off chart */
.pg-off-chart {
  color: red; }

.explanation {
  font-size: 0.8em;
  color: #555; }

/* Display of dive nodes */
.page-node-type-dive h1.page-title {
  font-size: 2em; }

.node--type-dive div.field {
  margin-bottom: 0.5em; }
.node--type-dive .field__label {
  font-size: .85em;
  color: #547C91;
  font-weight: normal; }
.node--type-dive #dive {
  display: grid;
  grid-template-columns: 2.5fr 2fr 4fr;
  grid-template-rows: auto;
  margin-bottom: 2em; }
  .node--type-dive #dive .field {
    margin: 0; }
  .node--type-dive #dive #dive-start-top,
  .node--type-dive #dive #dive-middle-top,
  .node--type-dive #dive #dive-end-top {
    display: flex;
    flex-direction: column;
    justify-content: end; }
  .node--type-dive #dive #dive-start {
    border-top: 5px solid;
    border-image: linear-gradient(0deg, #9cf, #9cf) 1;
    padding: 0 1em 0 0;
    display: flex;
    flex-direction: column; }
    .node--type-dive #dive #dive-start .field--name-computed-bottom-time-limit {
      display: flex;
      flex-direction: row;
      margin-top: auto;
      justify-content: right;
      margin-right: -1em; }
  .node--type-dive #dive #dive-submerged {
    border: 5px solid;
    border-image: linear-gradient(0deg, #446699, #9cf) 1;
    border-top: none;
    padding: 0 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: end; }
    .node--type-dive #dive #dive-submerged .field--type-duration .field__item {
      text-align: right; }
    .node--type-dive #dive #dive-submerged .field--name-computed-tbt {
      border-top: 1px solid; }
    .node--type-dive #dive #dive-submerged .field--name-field-safety-stop {
      display: flex;
      flex-direction: row;
      justify-content: end;
      padding: 1em 0 2em;
      margin-right: -0.75em !important; }
  .node--type-dive #dive #dive-out {
    border-top: 5px solid;
    border-image: linear-gradient(0deg, #9cf, #9cf) 1;
    padding: 0 0 0 1em;
    display: flex;
    flex-direction: column; }
    .node--type-dive #dive #dive-out .field--name-computed-total-bottom-time {
      margin-top: auto; }
.node--type-dive #bottom-section {
  display: flex;
  flex-wrap: wrap; }
  .node--type-dive #bottom-section > div {
    display: block;
    width: 50%;
    min-width: 300px; }
    .node--type-dive #bottom-section > div > * {
      margin-right: 2em; }
  .node--type-dive #bottom-section #temperatures {
    border: 1px solid #547C91;
    border-radius: .5em;
    margin: 1em 2em 1em 0;
    position: relative;
    padding: 0.5em; }
    .node--type-dive #bottom-section #temperatures > div {
      margin-bottom: 0; }
  .node--type-dive #bottom-section .temperatures-label {
    color: #547C91;
    font-size: 0.9em;
    background: var(--color--white);
    position: absolute;
    top: -1em; }
.node--type-dive .field--name-body {
  border: 1px solid #547C91;
  border-radius: 0.5em;
  padding: 0.5em;
  position: relative;
  margin-top: 1em; }
  .node--type-dive .field--name-body .field__label {
    font-family: var(--font-sans);
    position: absolute;
    top: -1em;
    background: var(--color--white);
    font-size: 0.9em; }
.node--type-dive .text-content {
  font-family: var(--font-sans);
  font-size: 1em;
  line-height: var(--line-height-base); }
.node--type-dive #verification h2 {
  font-size: 1.5em;
  margin: 1em 0 0; }
.node--type-dive #verification .comment-form.no-form {
  margin: 0;
  padding: 0; }
.node--type-dive #verification .comment-form.no-form * {
  margin: 0;
  padding: 0; }
.node--type-dive #verification .comment {
  padding: 0; }
.node--type-dive #verification .comment h3 {
  display: none; }

.field--name-user-picture img,
.views-field-user-picture img {
  background: linear-gradient(white, white) padding-box, linear-gradient(to top, darkblue, turquoise, yellow, orange, darkorchid) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  float: left;
  margin-right: 1em; }

/* Dive log summary view. */
.view-dive-log table:first-of-type {
  margin-top: 0; }
.view-dive-log td, .view-dive-log th {
  padding: 3px !important; }
.view-dive-log th {
  vertical-align: bottom !important; }
.view-dive-log p:first-of-type {
  margin-top: 0; }
.view-dive-log p:last-of-type {
  margin-bottom: 0; }

nav.menu--footer ul.menu {
  display: flex;
  flex-wrap: wrap; }
  nav.menu--footer ul.menu li {
    margin-right: 1em; }

.form-item__description {
  color: #777; }

/* Dive add and edit forms */
.node-dive-edit-form textarea,
.node-dive-form textarea {
  min-height: auto; }
.node-dive-edit-form .duration-inner-wrapper > div,
.node-dive-edit-form .form-type-physical-measurement > div,
.node-dive-edit-form .double-field-elements > div,
.node-dive-edit-form .double-field-elements > fieldset,
.node-dive-form .duration-inner-wrapper > div,
.node-dive-form .form-type-physical-measurement > div,
.node-dive-form .double-field-elements > div,
.node-dive-form .double-field-elements > fieldset {
  display: inline-block;
  width: auto; }
.node-dive-edit-form .form-item__label,
.node-dive-form .form-item__label {
  margin-bottom: 0; }
.node-dive-edit-form #edit-field-bottom-time-wrapper .duration-inner-wrapper > div,
.node-dive-form #edit-field-bottom-time-wrapper .duration-inner-wrapper > div {
  width: 8em;
  margin-top: 0; }
  .node-dive-edit-form #edit-field-bottom-time-wrapper .duration-inner-wrapper > div .form-item__label,
  .node-dive-form #edit-field-bottom-time-wrapper .duration-inner-wrapper > div .form-item__label {
    font-size: var(--font-size-s);
    color: #777;
    margin: 0;
    line-height: 1em; }
.node-dive-edit-form .double-field-elements fieldset,
.node-dive-form .double-field-elements fieldset {
  margin: 0; }
  .node-dive-edit-form .double-field-elements fieldset .form-type-boolean,
  .node-dive-form .double-field-elements fieldset .form-type-boolean {
    display: inline-block; }
.node-dive-edit-form #edit-body-wrapper,
.node-dive-form #edit-body-wrapper {
  margin-bottom: 2em; }
  .node-dive-edit-form #edit-body-wrapper #edit-body-0-format,
  .node-dive-form #edit-body-wrapper #edit-body-0-format {
    display: none; }
  .node-dive-edit-form #edit-body-wrapper .form-item__description,
  .node-dive-form #edit-body-wrapper .form-item__description {
    margin: 0; }

/* Media-query specific layout CSS. */
@media (max-width: 44rem) {
  /* Float comment pictures instead of overlaying on top of text. */
  .add-comment__picture,
  .comment__picture {
    position: relative;
    float: left;
    margin: 0.25rem; }

  .node--type-dive #dive {
    grid-template-columns: 1fr 1fr 1fr; }
  .node--type-dive #bottom-section {
    /* Adjust bottom section blocks to be full-width with no margin between. */ }
    .node--type-dive #bottom-section > div {
      display: block;
      width: 100%;
      min-width: auto; }
      .node--type-dive #bottom-section > div > * {
        margin-right: 0; } }
@media (min-width: 43.75rem) {
  #block-textresize {
    position: absolute;
    right: 0;
    padding-inline: var(--container-padding); }

  /* Don't push dive buddy validation picture so far to the left.' */
  .add-comment__picture, .comment__picture {
    inset-inline-start: calc(-1 * var(--sp1) * 3.5);
    width: var(--sp3);
    height: var(--sp3); } }
@media (min-width: 62.5rem) {
  .sidebar-grid > .site-main {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column: 3 / 12; } }

/*# sourceMappingURL=style.css.map */