/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


:root{
	--clr-bg:#e7ebe4;
	--clr-primary:#04969b;
	--font-heading:"Cinzel Decorative";
	--bold:700;
}

html{
	text-underline-offset: 7px;
}


a:hover{
	text-decoration: underline;
}


/* single post  */


.hadith-block {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  border-top: 1px solid #ccc;
  padding-top: 1rem;
  margin-top: 1rem;
}

.hadith-lt, .hadith-ar {
  flex: 1;
  white-space: pre-wrap;
}

.hadith-title, .hadith-header h2, .hadith-header h3 {
  margin-top: 2rem;
}

.hadith-commentary {
  margin-top: 1rem;
  font-style: italic;
  background: #f7f7f7;
  padding: 1rem;
  border-left: 4px solid #ccc;
}

.arabic{
	font-size: 2rem;
  text-align: right;
}

p:has(.arabic){
	text-align: right;
}

.chapter-heading{
	font-size: 1.5rem;
	font-family: var(--font-heading);
	font-weight:var(--bold);
}