/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
Text Domain: twentyseventeen-child
*/

/* =========================
   HEADER: socials hard-left + branding hard-right
   ========================= */

/* Make the wrap a full-width flex row */
.custom-header .site-branding .wrap.header-branding-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

/* Force socials to the far left inside the wrap */
.custom-header .site-branding .wrap.header-branding-row > .social-navigation-header {
  margin-right: auto;   /* pushes everything else right */
  margin-left: 0;
  text-align: left;
}

/* Force branding container to the far right */
.custom-header .site-branding .wrap.header-branding-row > .branding-right {
  margin-left: auto;
  text-align: right;
}

/* If you truly want socials at the *viewport* left edge (not container left),
   uncomment these 3 lines — it removes Twenty Seventeen's side padding on this row.
*/
/*
.custom-header .site-branding .wrap.header-branding-row {
  max-width: none;
  padding-left: 30px;
  padding-right: 30px;
}
*/

/* =========================
   LOGO ABOVE + BIGGER
   ========================= */

/* Kill any inline-block behavior in branding area */
.custom-header .site-branding .branding-right .custom-logo-link {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 0.5em 0 !important;
}

/* Force text below logo */
.custom-header .site-branding .branding-right .site-branding-text {
  display: block !important;
}

/* Increase logo size (theme defaults to max-height: 80px) */
.custom-header .site-branding .branding-right .custom-logo-link img {
  max-height: 225px;   /* adjust as desired */
  width: auto;
}

/* Optional: give the header a bit more breathing room for the bigger logo */
.custom-header .site-branding {
  padding: 1.25em 0;
}

/* =========================
   Scroll-down arrow: keep it from messing with alignment
   ========================= */
.custom-header .site-branding .wrap.header-branding-row > .menu-scroll-down {
  margin-left: 1em;
}



/* =======================
Meet Aly CSS
==========================*/
/* Section 1 intro styling */
.aly-intro {
  max-width: 52rem;
}

.aly-intro__bullets {
  margin: 1em 0 1.25em;
  padding-left: 1.2em;
}

.aly-intro__verse {
  font-style: italic;
  opacity: 0.9;
  margin: 1em 0 1.25em;
}

.aly-intro__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
  margin-top: 0.75em;
}

/* Button styling that fits Twenty Seventeen */
.aly-button {
  display: inline-block;
  padding: 0.75em 1.1em;
  border: 2px solid currentColor;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 0.85rem;
}

.aly-button--primary {
  background: #222;
  color: #fff;
  border-color: #222;
}

.aly-button:hover,
.aly-button:focus {
  opacity: 0.85;
}

/* ===========================
Creating Space To Encounter GOD Page
============================== */

@media screen and (min-width: 48em) {
    /* Make only the "God" heading left-aligned in this section */
    /* Ensure the content column for that section isn't offset oddly */
    /* Target the exact panel: post-9 */
    .twentyseventeen-panel.post-9 .entry-content .god-emphasis {
      display: block;
      text-align: left;
      width: 100%;
      margin-left: calc(-1 * (100vw - 100%) / 2); /* pull to viewport edge */
      padding-left: 30px;  /* keep same gutter as theme */
      box-sizing: border-box;
      font-size: 3rem;
      line-height: 1.05;
    }


    /* Optional: make it bigger too (only this section) */
    .twentyseventeen-panel.post-9 .entry-content .god-emphasis {
      font-size: 5rem;  /* adjust */
      margin-top:35px;
      padding-left:80px;
      line-height: 1.05;
    }
  
  	.move-up-200 { margin-top:-200px; }
  	.move-up-45 { margin-top:-45px; }
}


/* ===============================
	HOW I LEAD PAGE
=================================*/

.aly-philosophy {
  max-width: 52rem;
}

.aly-philosophy__bullets {
  margin: 1em 0 1.25em;
  padding-left: 1.2em;
}

.aly-philosophy__verse {
  font-style: italic;
  opacity: 0.9;
  margin-top: 1em;
}