/***

   Last Updated: 12-09-2025 - 13:34
***/
/*

Theme Name: Christianity and my Personal Theology
Theme URI: https://christianity.jonniegrieve.co.uk/
Author: Jonathan Grieve (at jg_digitalMedia)
Author URI: https://www.jonniegrieve.co.uk/
Description: Designed by Jonathan Grieve, this theme is an expression of what I consider to be the uniqeness of my personal faith.
Tags: christianity, theology, opinions, bible, thoughts, quotes, articles, blog, one page, , right sidebar, custom background, custom header, custom menu, featured images
Version: 1.0
Requires at least: 6.8.2
Tested up to: 6.8.2
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jg_christianity

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* $breakpoints: (
    small: 480px,
    medium: 768px,
    large: 1024px,
    xlarge: 1200px,
    xxlarge: 1400px
) */
/* Slick Slider Customizations */
.theology---items {
  position: relative;
}

.theology---items .slick-slider {
  width: 100%;
}

.theology---items .slick-list {
  padding: 0 40px;
}

.theology---items .slick-track {
  display: flex;
  align-items: center;
}

.theology---items .slick-slide {
  margin: 0 20px;
}

.theology---items .slick-slide > div {
  display: flex;
  justify-content: center;
}

/* Custom arrow styling */
.theology---items .slick-prev,
.theology---items .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid #7a756b;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #333;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: all 0.3s ease;
}

.theology---items .slick-prev {
  content: "";
  font-size: 0;
}

.theology---items .slick-next {
  content: "";
  font-size: 0;
}

.theology---items .slick-prev:hover,
.theology---items .slick-next:hover {
  background: wheat;
  border-color: wheat;
}

.theology---items .slick-prev {
  left: 0;
}

.theology---items .slick-next {
  right: 0;
}

.theology---items .slick-prev:before,
.theology---items .slick-next:before {
  color: #333;
  font-size: 18px;
}

/* Ensure list items maintain their styling within the slider */
.theology---items .slick-slide li {
  display: inline-block !important;
  list-style: none;
  font-size: 12px;
  margin: 10px 5px;
  padding: 8px;
  border-radius: 7px;
  border: solid 2px #7a756b;
  background: rgba(255, 255, 255, 0.0392156863);
  transition: background 0.5s, border 0.5s;
  white-space: nowrap;
}

.theology---items .slick-slide li:hover {
  background: rgba(255, 255, 255, 0.3215686275);
  border: solid 2px wheat;
}

.theology---items .slick-slide li a {
  color: white;
  text-decoration: none;
  padding: 8px 4px;
}

.banner---overlay {
  position: absolute;
  top: 100pt;
  background: rgba(0, 0, 0, 0.6);
  /* background: #ffe83de3; */
  /* background: #ffffff5e */
  text-align: left;
  /* color: white; */
  color: #f1f355;
  /* padding: 20px 25px; */
  padding: 15px;
  /* width: 800px; */
  min-width: 500px;
  min-height: 150px;
  width: 880px;
  /* width: auto; */
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: #3a3737 1px 4px 10px 1px;
}
@media (max-width: 1024px) {
  .banner---overlay {
    /* padding: 20px 0; */
    padding: 15px;
    width: 77%;
    min-width: 400px;
  }
}
@media (max-width: 680px) {
  .banner---overlay {
    width: 79%;
    height: 90px;
    /* background: rgba(0, 0, 0, 0.4); */
    /* background: #ffaa0bac; */
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
.banner---overlay h2 {
  font-size: 34px;
}
@media (max-width: 680px) {
  .banner---overlay h2 {
    /* font-size: 12pt; */
    font-size: 4vw;
  }
}
.banner---overlay p {
  margin-top: 10px;
  font-size: 16pt;
}
@media (max-width: 680px) {
  .banner---overlay p {
    font-size: 12pt;
  }
}
.banner---overlay.page---404 h2 {
  text-align: center;
}

/* Wordpress Blocks */
/* Current category highlighting - TODO: Claude code addition */
/* #js---theology--categories li.current-category a {
  background-color: #333;
  color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
} */
/* _print.scss */
* {
  padding: 0;
  margin: 0;
}

body {
  font-family: Ysabeau Office, serif;
  background-color: #f4f4f4;
}
body header {
  position: relative;
  background-image: url("https://jgdm-projects.s3.eu-west-2.amazonaws.com/christianity/assets/images/IMG_1224.JPG");
  background-size: cover;
  background-size: contain;
  background-size: 100% 137%;
  /* background-attachment: fixed; */
  background-repeat: no-repeat;
  /* color: $text---col--primary; */
  color: #ffc46b;
  text-align: center;
  /* height: 400px; */
  height: 620px;
  /* min-height: 105px; */
  margin: 0;
}
@media (max-width: 680px) {
  body header {
    /* border: solid 1px red; */
    background-size: 100% 100%;
    /* height: auto; */
    height: 330px;
  }
}
body header h1 {
  background: #333;
  color: white;
  padding: 8px 0;
}
@media (max-width: 980px) {
  body header h1 {
    font-size: 15pt;
  }
}
@media (max-width: 600px) {
  body header h1 {
    font-size: 3.7vw;
  }
}
body header nav {
  margin: 15px 0;
}
body header nav ul {
  border: solid #747474 2px;
  border-radius: 9px;
  display: inline-block;
  /* width: 230px; */
  width: 230px;
  height: 30px;
  /* background: #ffffff8e; */
  background: wheat;
  /* box-shadow: wheat 0 0 0 0; */
}
body header nav ul li {
  display: inline-block;
  /* margin: 0 10px; */
  margin: 5px 4px;
  font-size: 13px;
}
body header nav ul li a {
  /* color: white; */
  color: black;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.5s;
}
body header nav ul li a:hover {
  color: #0e43bf;
}
body main {
  position: relative;
  margin: 0;
  /* background-image: url("https://jgdm-projects.s3.eu-west-2.amazonaws.com/christianity/assets/images/IMG_0518.JPG"); */
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  /* Background image container */
}
body main .background-container,
body main .background-container-2 {
  position: fixed;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 1s ease-in-out;
  border-bottom: solid 2px white;
  filter: blur(0.95px);
  filter: brightness(0.4);
  filter: blur(0.95px) brightness(0.7);
  /* Optimize for better performance */
  will-change: opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}
body main .background-container {
  background-image: url("https://jgdm-projects.s3.eu-west-2.amazonaws.com/christianity/assets/images/IMG_0518.jpg");
}
body main .background-container-2 {
  z-index: -1;
  opacity: 0;
}
body main .theology---items {
  position: sticky;
  top: 28px;
  margin: 2px 0;
  padding: 0;
  z-index: 6;
  background: none;
}
body main .theology---items ul {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
body main .theology---items ul li {
  display: inline-block;
  list-style: none;
  font-size: 12px;
  margin: 10px 25px;
  padding: 8px;
  border-radius: 7px;
  /* border: solid 2px wheat; */
  border: solid 2px #7a756b;
  background: rgba(0, 0, 0, 0.4);
  transition: background 0.5s, border 0.5s;
}
body main .theology---items ul li:hover {
  background: rgba(255, 255, 255, 0.3215686275);
  border: solid 2px wheat;
}
body main .theology---items ul li a {
  /* color: black; */
  color: white;
  text-decoration: none;
  padding: 8px 4px;
}
body main section {
  display: block;
  /* margin: 2rem auto; */
}
body main section h2 {
  text-align: center;
  /* margin: 10pt auto; */
  padding: 10pt 0;
  color: wheat;
  background: rgba(0, 0, 0, 0.0039215686);
  /* border: $border---one; */
  border-bottom: solid 4px wheat;
  border-top: solid 4px wheat;
}
body main section article {
  display: block;
  width: 470px;
  margin: 0px auto;
  /* background: #dfdfdf; */
  border-radius: 6px;
  padding: 0 5px;
}
body main section article h3 {
  text-align: left;
}
body main section article ul li {
  list-style: none;
  line-height: 1.8;
  border: solid 2px wheat;
  background: rgba(255, 255, 255, 0.5254901961);
  padding: 15px;
  border-radius: 10px;
  margin: 25px 0;
  position: relative;
  top: 0px;
  /* background: #ffdfa2; */
  color: #2e2e2e;
  font-weight: bold;
}
body main section article ul li::marker {
  font-size: 26pt;
  margin: 0;
  padding: 0;
}
body main section article ul li a {
  color: red;
}
body main section article ul li a:hover {
  text-decoration: none;
}
body main section article ul li:last-child {
  margin-bottom: 0;
}
body main section article.my---faith {
  line-height: 1.8;
  border: solid 2px wheat;
  background: rgba(255, 255, 255, 0.5254901961);
  padding: 15px;
  border-radius: 10px;
  margin: 40px auto;
  position: relative;
  font-weight: bold;
  color: #2e2e2e;
}
body main section article.my---faith h3 {
  text-align: center;
}
body main section article.my---faith p {
  margin: 15px 0;
}
body main section article.theology---container .my---theology {
  list-style: none;
  line-height: 1.8;
  border: solid 2px wheat;
  background: rgba(255, 255, 255, 0.5254901961);
  color: #2e2e2e;
  padding: 15px;
  font-weight: bold;
  border-radius: 10px;
  margin: 40px 0;
  position: relative;
  top: 0px;
  /* background: #ffdfa2; */
  display: block;
}
body main section article.theology---container .my---theology::marker {
  font-size: 26pt;
  margin: 0;
  padding: 0;
}
body main section article.theology---container .my---theology h3 {
  text-align: center;
  border-bottom: solid red 3px;
  margin: 0 auto;
  /* width: 215px; */
}
body main section article.theology---container .my---theology h3.wp-block-heading {
  /* text-align: center; */
  text-align: left;
  border-bottom: solid red 3px;
  margin: 0 auto;
}
body main section article.theology---container .my---theology ul {
  display: block;
  margin: 0 auto;
  width: 90%;
}
body main section article.theology---container .my---theology ul li {
  background: none;
  border: none;
}
body main section article.theology---container .my---theology ul li a {
  color: red;
}
body main section article.theology---container .my---theology ul li a:hover {
  text-decoration: none;
}
body main section article.theology---container .my---theology p {
  margin: 20px 0;
}
body main section article.theology---container .my---theology a {
  color: red;
  transition: color 0.3s;
}
body main section article.theology---container .my---theology a:hover {
  color: #910202;
  text-decoration: none;
}
body main section article.theology---container .my---theology span a.back---to--top {
  color: red;
  font-size: 12px;
  transition: color 0.4s;
}
body main section article.theology---container .my---theology span a.back---to--top:hover {
  color: blue;
  text-decoration: none;
}
body main section article.thoughts---container .bible---entry {
  list-style: none;
  line-height: 1.8;
  border: solid 2px wheat;
  background: rgba(255, 255, 255, 0.5254901961);
  padding: 15px;
  font-weight: bold;
  border-radius: 10px;
  margin: 40px 0;
  position: relative;
  top: 0px;
  /* background: #ffdfa2; */
}
body main section article.thoughts---container .bible---entry::marker {
  font-size: 26pt;
  margin: 0;
  padding: 0;
}
body main section article.thoughts---container .bible---entry.no---posts {
  /* color: red; */
  text-align: center;
}
body main section article.thoughts---container .bible---entry h3 {
  text-align: center;
  margin: 23px auto 10px auto;
  /* width: 215px; */
  font-size: 20pt;
}
@media (max-width: 680px) {
  body main section article.thoughts---container .bible---entry h3 {
    width: 80%;
  }
}
body main section article.thoughts---container .bible---entry .categories {
  text-align: right;
  border-top: solid gray 2px;
  width: auto;
}
body main section article.thoughts---container .bible---entry .categories strong {
  content: "";
}
body main section article.thoughts---container .bible---entry .bible---category {
  background: #ffd767;
  padding: 5px;
  border-radius: 6px;
  margin: 0 5px;
  font-size: 10px;
  border: solid 2px gray;
  vertical-align: middle;
  transition: background 0.3s;
}
body main section article.thoughts---container .bible---entry .bible---category:hover {
  background: #ffe49a;
}
body main section article.thoughts---container .bible---entry .context {
  /* text-align: center; */
  border-bottom: solid #910000 3px;
  font-style: italic;
  font-size: 15pt;
  margin: 10px auto;
}
body main section article.thoughts---container .bible---entry ul {
  display: block;
  margin: 0 auto;
  width: 90%;
}
body main section article.thoughts---container .bible---entry ul li:first-child {
  margin: 10px 0 20px 0;
}
body main section article.thoughts---container .bible---entry ul li {
  background: none;
  border: none;
}
body main section article.thoughts---container .bible---entry ul li a {
  color: red;
}
body main section article.thoughts---container .bible---entry ul li a:hover {
  text-decoration: none;
}
body main section article.thoughts---container .bible---entry .post---entry---meta {
  text-align: right;
  border-top: solid gray 2px;
  width: auto;
  font-size: 12px;
}
body main section article.thoughts---container .bible---entry .post---entry---meta span a.back---to--top {
  color: red;
  font-size: 12px;
  transition: color 0.4s;
}
body main section article.thoughts---container .bible---entry .post---entry---meta span a.back---to--top:hover {
  color: blue;
  text-decoration: none;
}
body main footer {
  text-align: center;
  color: white;
  background-color: #333;
  padding: 10px;
}
body main.thoughts---page {
  background-image: url("https://jgdm-projects.s3.eu-west-2.amazonaws.com/christianity/assets/images/IMG_0518.JPG");
}
body main.theology---page {
  background-image: url("https://jgdm-projects.s3.eu-west-2.amazonaws.com/christianity/assets/images/IMG_0518.JPG");
}

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