/*
Theme Name:   Simplenet Child
Theme URI:    https://iqbible.com
Description:  Child theme for the Simplenet theme
Author:       Jody PM
Author URI:   https://jodypm.com
Template:     simplenet
Version:      1.0
*/

body h1 {
  text-align: center;
}

.site-title, 
.wp-block-site-title, 
h1.site-title {
    font-family: 'Roboto', sans-serif !important;
}

.wp-container-core-group-is-layout-dfe8e91f {
  justify-content: center !important;
  text-align: center;
  gap: 0.5em;/
}

pre {
  white-space: pre;
  overflow-x: auto;
  word-wrap: normal;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  padding: 50px 10px;
  text-align: left;
  background-color: #F0F1F2;
  color: #1F2328;
}


code {
  background-color: #F0F1F2;
  color: #1F2328;
  padding: 2px 10px;
  border-radius: 10px;
}


.wp-block-button__link {
  background-color: #8335FD;
  color: #fff;
  border: none;
  padding: 0.6em 1.2em;
  text-decoration: none;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
}

.wp-block-button__link:hover {
  background-color: #6e1fe2;
  color: #fff;
}

a:hover,
a:focus {
  color: #8335FD;
  text-decoration: underline;
}


a[rel="home"] {
  color: #8335FD !important;
  text-decoration: none;
  margin-left: -15px;
  font-size: 1.5rem;
}

a[rel="home"]:hover {
  color: #6e1fe2 !important;
  text-decoration: none;
}


.wp-block-navigation__container .wp-block-navigation-item__content:focus,
.wp-block-navigation__container .wp-block-navigation-item__content:active,
.wp-block-navigation__container .wp-block-navigation-item__content:hover {
  color: #6e1fe2 !important;
  text-decoration: underline !important;
}

footer a {
  text-decoration: none;
}







/* Homepage — equal-height columns and bottom-aligned buttons/links */
.home .wp-block-columns {
  display: flex !important;
  align-items: stretch;
  gap: 1.25rem;
  /* optional spacing between columns */
}

.home .wp-block-column {
  display: flex;
  flex-direction: column;
  min-height: 1px;
  /* helps some browsers allow stretch */
}

/* Preferred: wrap the button + "Learn more" link in a Group block and give it class "col-footer".
   This is most robust: */
.home .wp-block-column .col-footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

/* Fallback (if you don't wrap): push the button block and the last paragraph down */
.home .wp-block-column .wp-block-buttons,
.home .wp-block-column p:last-child {
  margin-top: auto;
}

/* Mobile: return to normal stacking */
/* @media (max-width: 780px) {
  .home .wp-block-columns { display: block !important; }
  .home .wp-block-column { display: block; }
  .home .wp-block-column .col-footer,
  .home .wp-block-column .wp-block-buttons,
  .home .wp-block-column p:last-child { margin-top: 0; }
} */







@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }

  body.home {
    background-color: rgb(48, 42, 42);
    color: white;
  }

  body.home .wp-block-navigation__responsive-container-open svg rect,
  body.home .wp-block-navigation__responsive-container-open svg path {
    fill: black !important;
  }

}