/*
Theme Name: Yes On T
Theme URI: https://www.yesontforantelopeschools.com/
Version: 1.0
Description: Child theme
Author: Yes On T
Author URI: https://www.yesontforantelopeschools.com/
template: bb-theme
*/

/* Add your custom styles here... */ 

/* Modern Slight Shadow Hover Effect */
.icon-hover-shadow img {
    transition: all 0.3s ease-in-out;
    border-radius: 8px; /* Optional: smooths edges if your icons have backgrounds */
}

.icon-hover-shadow img:hover {
    transform: translateY(-4px); /* Gently lifts the icon up */
    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.15)); /* Soft, modern shadow */
}

.key-links a:hover {
    text-decoration: underline;
}

/*CSS for Full Screen Menu Type*/
.pp-menu-logo-extra-fullscreen { 
    display: none; /* Hidden by default on all breakpoints */
    position: relative; 
    top: 20%;
    z-index: 1;
    pointer-events: none;
}

/*CSS for the Logo Image*/
.pp-menu-logo {
    width: 100px;
}

/* Only show logo in fullscreen overlay on mobile */
@media (max-width: 768px) {
    .pp-menu-logo-extra-fullscreen {
        display: block;
    }
}


@media print {

  /* =============================================
     PAGE SETUP
     ============================================= */
  @page {
    size: Letter portrait;
    margin: 1.5cm;
  }


  /* =============================================
     GLOBAL RESET
     ============================================= */
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 10pt !important;
    line-height: 1.4 !important;
  }

  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }


  /* =============================================
     TYPOGRAPHY
     ============================================= */
  body, p, li, td, th, span, div {
    font-size: 10pt !important;
    line-height: 1.4 !important;
  }

  h1 { font-size: 18pt !important; }
  h2 { font-size: 15pt !important; }
  h3 { font-size: 13pt !important; }
  h4 { font-size: 11pt !important; }
  h5, h6 { font-size: 10pt !important; }


  /* =============================================
     HIDE ELEMENTS
     ============================================= */
  
  header,
  .fl-page-header,
  .fl-page-bar,
  .fl-page-footer,
  .fl-page-footer-widgets,
  .fl-col-bg-photo,
  .fl-theme-builder-header-sticky,
  .dont-print {
    display: none !important;
  }


  /* =============================================
     BEAVER BUILDER LAYOUT
     ============================================= */
  .fl-page,
  .fl-page-content,
  .fl-content,
  .fl-row,
  .fl-row-content,
  .fl-row-content-wrap,
  .fl-row-fixed-width,
  .fl-col-group,
  .fl-col-group-custom-width,
  .fl-col,
  .fl-module-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }

  /* Keep columns side-by-side */
  .fl-col-group {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  /* Preserve row background colors and images */
  .fl-row-content-wrap {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Prevent page breaks mid-module */
  .fl-row,
  .fl-module {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }


  /* =============================================
     PRINT-WIDE HELPER CLASS
     ============================================= */
  .fl-col.print-wide {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* =============================================
   LINKS — ENSURE CLICKABLE IN PDF
   ============================================= */
a,
a:link,
a:visited {
  text-decoration: underline !important;
  color: inherit !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 1 !important;
}


  /* =============================================
     IMAGES & TABLES
     ============================================= */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  table {
    width: 100% !important;
    table-layout: fixed !important;
    word-wrap: break-word !important;
  }


  /* =============================================
     LINKS — REMOVE PRINTED URLs
     ============================================= */
  a::after,
  a[href]::after {
    content: "" !important;
    display: none !important;
  }

}

@media print {

  /* 4 icons in a single row */
  .icon-row .fl-col-group {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .icon-row .fl-col {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* Scale icons down so they fit nicely at 25% width */
  .icon-row img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 70% !important;
    height: auto !important;
  }

  /* Center the heading text under each icon */
  .icon-row h3 {
    text-align: center !important;
    font-size: 9pt !important;
  }

}