/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Block: Loop Template: FAQs Accordion*/

.accordion_container {
  box-shadow: 8px 10px 5px #0003;
  max-width: 1000px;
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  margin: auto auto;
}

.content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.accordion_item {
  border-radius: 5px;
}

.accordion_item:hover {
  opacity: 0.9;
}

.accordion_header {
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}

.accordion_content {
  margin-left: 50px;
  margin-right: 15px;
  overflow: hidden;
  height: 0;
  transition: all .5s ease;
  font-size: 14px;
}

.active {
  padding-bottom: 10px;
}

span, .icon {
  font-weight: 600;
}

p {
  text-align: justify;
}

/* Block: Loop Template: Post Archives in GP Elements */

.featured-post-image {
	aspect-ratio: 16 / 9; /* Force the image to 16:9 aspect ratio no matter what the size is. */
	object-fit: cover; /* remove the scrunched effect on the photo due to forced aspect ratio of 16:9*/
}

.secondary-post-grid > div:not(:last-child) { /* Border for all divs inside post grid except last child*/
	border-bottom: 1px solid var(--contrast-2);
	padding-bottom: 40px;
}

/* Block: Content Template: Blog Post in GP Elements*/

.blog-content-container :is(h2, h3, h4) { /* Targetting just the h2, h3 and h4 in the container. */
	margin-top: 1.5em;
}

.blog-content-container img { /* Targetting just the images in the container. */
	border-radius: 8px;
	box-shadow: 10px 10px 20px 0px #00000050;
	border: 4px solid white;
}

.blog-content-container figcaption { /* Targetting just the image captions. */
	font-size: 0.8rem;
	margin-top: 8px;
	text-align: center;
	font-style: italic;
}

.blog-content-container blockquote { /* Targetting just the block quotes. */
	background-color: var(--base);
	padding: 32px;
	border-radius: 8px;
	border: 1px solid var(--contrast-3);
}

.blog-featured-image { /* Targetting the featured image. */
	box-shadow: 10px 10px 20px 0px #00000050;
}

.sticky-toc { /* For sticky Table of Contents */
	position: sticky;
	top: 4rem;
}

.simpletoc ul {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
}

.simpletoc li {
	margin-top: 1em;
}

/*Block: Loop Template: Blog Archives in GP Elements */

.post-template-feature :is(h2, h3, h4) { /* Targetting just the h2, h3 and h4 in the container. */
	margin-top: 1.5em;
}

.post-template-feature img { /* Targetting just the images in the container. */
	border-radius: 8px;
	box-shadow: 10px 10px 20px 0px #00000050;
	/*border: 4px solid white;*/
}

.post-template-feature figcaption { /* Targetting just the image captions. */
	font-size: 0.8rem;
	margin-top: 8px;
	text-align: center;
	font-style: italic;
}

.most-recent img { /* Targetting just the images in the container. */
	border-radius: 8px;
	box-shadow: 10px 10px 20px 0px #00000050;
	border: 4px solid white;
}