@charset "UTF-8";

/* Sub theme styling. */
@import "_variables_drupal.css";

/* Bootstrap overriden variables. */
 /* @see https://getbootstrap.com/docs/5.2/customize/sass/#variable-defaults. */
@import "_variables_bootstrap.css";

/* Include bootstrap. */
@import "_bootstrap5-style.css";
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --font-greek: 'Gentium Book Plus', serif;
  --font-sans: 'Lato', sans-serif;
  
  --steelblue: #369;
  --steelblue--ltr: #4C99E6;
  --steelblue--lt: #376EA6;
  --steelblue--dk: #2A5580;    
  --steelblue--dkr: #1D3B59;
  
  --red: #994842;
  
  --grey: #777;
  --grey--ltr: #eee;
  --grey--lt: #aaa;
  --grey--dk: #444;
  --grey--dkr: #222;
    
  --spc-sm: 0.5rem;  
  --spc: 1rem;
  --spc-lg: 1.5rem;
  --spc-lgr: 2rem;
}

body {
  font-family: var(--font-sans);
}

/* Layout Builder  */

.layout {
  margin-block-end: var(--spc-lg); 
}


/* Bible Verse Content Type */

.field--name-field-bible-verse-translation {
  font-size: 32px;
  
}

.field--name-field-bible-verse-translation p {
  margin: 0;
  padding: var(--spc-lg);
  
}


.field--name-field-bible-verse-orig-language .field__item p {
  font-family: var(--font-greek);
  font-size: 20px;
}

/* Bible Verse Views */

/* give some space between Bible books */
.view-grouping {
  margin-block-start: var(--spc-lgr); 
}

/* because there's a hacky <br> at the start of each verse 1 of a chapter (because of the new paragrph flag), pull the h4 down to a better spacing */
h4.chapter {
  margin-block-start: 1rem;
  margin-block-end: -1rem;
}

/* make the verse #s and verse text inline with each other, but also with all the other divs, so that it appears as prose */
.translations-prose .view-grouping-content div {
  display: inline;
} 
/* except if the 'new_paragraph' field is flagged on; if so indent it (it starts on a new line due to Twig in the View itself */
.translations-prose .view-grouping-content .new-para {
  margin-inline-start: var(--spc-lg);
} 
/* make the verse numbers lighter grey when inline */
.translations-prose .verse-number--light {
  color: var(--grey--lt);
}

.link--bible-verse {
  text-decoration: none;
}