/* CSS for Casssiopeia template - Last updated 16/01/2023 - Chamira */

body:lang(he) {
  font-family: Arial, FrankRuehl, Times, David;
  font-size: 1em;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6:lang(he) {
  font-family: Arial, David, FrankRuehl, Times;
}

/* General table formatting */
.com-content-article__body table {
    width: 100%;
    border-collapse: collapse;
}
.com-content-article__body th {
    background: #e8e8e8;
    font-weight: bold;
    text-align: left;
    border-bottom: 2px solid #bbb;
    padding: 0.5rem 0.75rem;
}
.com-content-article__body td {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #ddd;
}
.com-content-article__body tbody tr:nth-child(even) {
    background: #f2f2f2;
}

/* Bible verse table: counter | reference | verse */
table.bible-table {
    width: 100%;
    border-collapse: collapse;
    counter-reset: row-counter;
    border-top: 1px solid #ddd;
    margin-bottom: 1.5rem;
}
table.bible-table td {
    vertical-align: top;
    padding: 0.5rem 0.75rem 0.5rem 0;
    border-bottom: 1px solid #ddd;
}
table.bible-table tbody tr:nth-child(even) {
    background: #f4f4f4;
}
table.bible-table td.counter {
    width: 1.5rem;
    white-space: nowrap;
    color: #999;
    counter-increment: row-counter;
}
table.bible-table td.counter::before {
    content: counter(row-counter);
}
table.bible-table td.ref {
    width: 7rem;
    white-space: nowrap;
    font-weight: bold;
}

@media (max-width: 600px) {
    table.bible-table tr { display: block; border-bottom: 1px solid #ddd; padding: 0.4rem 0; }
    table.bible-table td { display: block; border-bottom: none; padding-bottom: 0; }
    table.bible-table td.counter { display: inline; padding-right: 0.25rem; }
    table.bible-table td.ref { display: inline; }
}

/* RTL support for Bible tables (Hebrew, Arabic, etc.) */
[dir="rtl"] body {
    direction: rtl;
}

[dir="rtl"] blockquote {
    border-left: none;
    border-right: 3px solid #999;
}

[dir="rtl"] td.counter {
    text-align: left;
}

[dir="rtl"] td.ref {
    text-align: right;
}

/* all headings - font weight */
:root { --cassiopeia-font-weight-headings: normal; }
a { text-decoration:none !important;}


/* Background Image */
.site-grid {
  background-image: url('/images/bkg_judean_hills.webp'); 
/*  background-image: url('/images/bkg_jerusalem_walls.jpg'); */
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* Positioning of image in articles */
.float-center.item-image {
  text-align: center;
}

.site-grid .grid-child.container-component { background: white; } 

.footer { margin-top: 0;} /*removes white space above footer*/

main { /* adds spacing around content */
  padding-left: 35px;
  padding-right: 35px;
}

/* Sidebar - background 
.grid-child.container-sidebar-left { 
  background-color: white;
}
*/

/* Modules in "below-top" position - stacked alignment*/
header.header.container-header .grid-child.container-below-top { 
  display: inherit;
  padding-left:0px;
  padding-right:0px;
}

/* Banner module - mod_banner */
.mod-banner, #mod-custom10303.mod-custom{
  min-width:100%;
}

#mod-custom10303.mod-custom .logo {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

/* FaLang Language Switcher - align flags horizontally */
.lang-inline li {
  display: inline-block !important;
  list-style: none !important;
} 

/* Menu - drop-down */
.container-nav li.level-1.deeper.parent:hover > ul {display:block !important;}

.mm-collapsed.mm-toggler.mm-toggler-link {display: none;} /* remove indicator arrows */

/* Menu & Footer - centering */
menu.header .grid-child.container-nav nav.navbar {
  margin-left:auto;
  margin-right:auto;
}

footer.container-footer .grid-child .mod-footer{
  margin-left:auto;
  margin-right:auto;
}

/* Header area & Menu - background adjustment */
header.header.container-header{ 
  background-image: url("/images/cfi_header_bkg.webp");
}

menu.header.container-header.position-sticky.sticky-top { 
  padding-left:0px; 
  margin-bottom: 0px; /* reduces space between bottom of menu & rest of content*/
  background-color: var(--cassiopeia-color-primary);
  background-image: none;
}

header.header.container-header .grid-child.container-below-top .mod-languages {
  background-color: var(--cassiopeia-color-primary);
  padding-left: 10px;
}

.container-header .container-nav {
  padding-bottom: 0px;
  padding-top: 0px;
  background-color: var(--cassiopeia-color-primary);
}

/* Module - Languages */
div.mod-languages ul {
  margin: 8px 0 0 0 !important;
}

/* Zeffy button */
button.zeffy-btn {
   background-color: #112855;
   border: none;
   border-radius: 5px;
   box-sizing: border-box;
   color: white;
   cursor: pointer;
   left: calc(50% - 75px);
   margin: 10px;
   min-height: 50px;
   min-width: 150px;
   padding: 5px 10px;
   text-transform: uppercase;
   top: calc(50% - 25px);
   display: flex;
   justify-content: center;
   align-items: center;
   }

/* Module - PayPal donate */
.sidebar-left .card-body .mod-custom form.mod-paypal-form input { vertical-align: top; }
.sidebar-left .card-body .mod-custom form.mod-paypal-form #amountfield0 { margin-right: 5px;}

/* Typography & Headings  */
h1, .h1 {font-size:2em;}

h2, .h2 {font-size:1.5em;}

h3, .h3 {
  font-size:1.25em;
  color:#d67900;
}

h3.card-header {
  font-weight:normal;
  color:inherit;
}

h4, .h4 {
  font-size:1.1em;
  color:#d67900;
}


/* Header area items spacing */
.container-header .grid-child{
  padding-top: 0px;
  padding-bottom:0px;
}

.container-header .grid-child.container-below-top{ padding-bottom: 0px;}

.container-header nav { margin-top: 0;}

.navbar-brand { padding-bottom: 0; }

/* START - for child template only */
.header.container-header.full-width.position-sticky.sticky-top {
  margin-top: 0px;
  box-shadow: none;
}
/* END - child template only */

/* Layout - Blog  */
.blog-item { border-bottom: 1px solid #cabfb1;}

.blog-item .item-content { margin-bottom:10px; }

.text-muted {
  background-color: #f4f4f4;
  padding: 5px;
}

/* Layout - Category List */
.com-content-category.category-list .cat-children .com-content-category__children {
  margin-bottom: 18px;
  border-bottom: 1px solid #cabfb1;
}

.com-content-category.category-list .cat-children .com-content-category__children .category-desc {
    overflow: auto;}


/* Layout - Weblink Category List */
.com-weblinks-categories.categories-list .com-content-categories__items .com-content-categories__item {
  margin-bottom: 18px;
}

.com-weblinks-categories.categories-list .com-content-categories__items .com-content-categories__item .category-desc {
    padding-bottom:10px;
}


/* Ordered & Unordered lists - text wrap around on images */
.com-content-article ol, .com-content-article ul {
  overflow: visible;
}

#author_infobox .author_infobox_articles_list ul {
    overflow: hidden;
}


/* Blockquotes */
blockquote {
  color: #555555;
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  border-radius: 5px;
  margin: 1.5em 75px;
  padding: 1.5em 50px;
  quotes: "\201C""\201D";
}

blockquote:before {
  font-family:Arial;
  content: open-quote;
  color:#d67900;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: -0.3em;
  vertical-align: -0.4em;
  position: relative;
  left: -30px;
}
blockquote p {
  display: inline;
}

/* RTL Blockquotes */
blockquote[dir] {
  font-family: FrankRuehl, Times, David, Arial;
  font-size: 1.2em;
  border-left: none;
  border-right: 10px solid #ccc;
}

blockquote[dir]::before{
  content: "\201D";
  left: 30px;
  margin-right: 0;
  margin-left: -0.3em;
}

/* Reduce margins for blockquotes on mobile devices.*/
@media (max-width: 600px) {
  blockquote {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;

    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

/* Reduce quote size on mobile */
  blockquote:before {
    font-size: 2.5em !important;
    line-height: 0.1em;   /* keep your existing alignment */
  }
/* LTR blockquotes */
  blockquote:dir(ltr):before {
    left: -15px !important;
    right: auto !important;
  }

  /* RTL blockquotes */
  blockquote:dir(rtl):before {
    right: -15px !important;
    left: auto !important;
  }
}
  
/* Images on Bible Course pages */
.lessons {
  font-size:14px;
  margin-left:10px;
  margin-right:20px;
  text-align:justify;
}

.lessons-title {
 font-weight: bold;
}

.lessons-thumbnail {
margin: 10px; 
float: left; 
width: 125px; 
height: 100px;
border-radius: 5px;
}

.lessons:lang(he) {
  font-size:14px;
  margin-left:20px;
  margin-right:10px;
  text-align:justify;
}

.lessons-thumbnail:lang(he) {
float: right; 
}

/* JT Slider */
.mod-jtslider .card-body .jtcs_item_wrapper.jt-cs .jtcs10300.owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .jt-inner .jt-introtext img {
  outline: 1px solid #b5b5b5;
  border: 5px solid #fff;
  margin-right: 10px !important;
}

.mod-jtslider .card-body .jtcs_item_wrapper.jt-cs .jtcs10300.owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .jt-inner .jt-category a{
  color: #4a4a4a;
  font-weight: 700;
  text-decoration:none;
}

.mod-jtslider .card-body .jtcs_item_wrapper.jt-cs .jtcs10300.owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .jt-inner .jt-title{
  color: #d67900;
  font-weight: 700;
  text-decoration:none;
}

/* Tag Cloud - spacing */
.mod-tagspopular-cloud .tag {
  padding: 0.1rem .5rem .1rem 0;
}

/* Mini Frontpage */
.mfp_carousel_skin_default .mfp_carousel_item .mfp_author {
  display: block !important;
}

/* Hikashop - Shop buttons */
.com_hikashop.page_buy .site-grid .container-component .hikashop_category_information .hikashop_subcategories_listing .hikashop_subcategories .hikashop_category .hikashop_container .hikashop_subcontainer.thumbnail {
  background-color: #5cb85c !important;
  padding: 5px 5px 15px 5px;
}

.com_hikashop.page_buy .site-grid .container-component .hikashop_category_information .hikashop_subcategories_listing .hikashop_subcategories .hikashop_category .hikashop_container .hikashop_subcontainer.thumbnail:hover {
  background-color: #449d44 !important;
  border-color: #398439;
}

.com_hikashop.page_buy .site-grid .container-component .hikashop_category_information .hikashop_subcategories_listing .hikashop_subcategories .hikashop_category .hikashop_container .hikashop_subcontainer.thumbnail .hikashop_category_name a {
  color: white;
  text-decoration: none;
  font-weight: normal;
}

/* Hikashop - cart button */
a.hikabtn.hikashop_cart_proceed_to_checkout {
  background-color: #5cb85c;
  border:none;
  color: white;
  text-decoration: none;
  font-weight: normal;
}

a.hikabtn.hikashop_cart_proceed_to_checkout:hover {
  background-color: #449d44;
  border-color: #398439;
}

/* Footer */
.footer .grid-child {
  padding-top:1em;
  padding-bottom:1em;
}

/* Unsure CSS code from Custom CSS module */
.tab { margin-left: 40px; }

/*HikaShop buttons*/
#jsn-page .button {color: white !important;}


/* Media Queries */
/* Fix Mobile menu not activating on certain screen sizes */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-expand-md .navbar-collapse:not(.show) {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .navbar-expand-md .navbar-toggler {
    display: block !important;
  }
  
  menu.header .grid-child.container-nav nav.navbar {
  margin-left: revert;
  margin-right: revert;
  }
}

 .video-container {
    position: relative;
    width: 100%;
    max-width: 640px;
    aspect-ratio: 16 / 9;
    margin: 0 auto; /* Optional: centers the video horizontally */
  }

  .video-container iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

/* Image hover effect for ads with links. Added Sept 25, 2025 -AV */
.image-link img {
  transition: filter 0.3s ease, box-shadow 0.3s ease;
}

.image-link:hover img {
  filter: brightness(85%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* soft glow */
  border-radius: 4px; /* optional: smooth corners */
}

/*Block Disqus ads */
#disqus_thread iframe[src*="ads-iframe"] {
  display: none !important;
}

div[id*="disqus_ad"] {
  display: none !important;
}

/* Replace IntenseDebate sprite with solid gray bar.
   Original image included unwanted icons (star, RSS) at right edge.
   This preserves the visual separator without layout disruption. */
#idc-container .idc-c .idc-c-h {
    background: #f0f0f0 !important;
}

/* Light text for source reference at beginning of articles.*/
.source-note {
    font-size: 0.88em;
    color: #666;
    margin-bottom: 1.5em;
  }