/* --- Grammar Guide dropdown: charcoal text, moderate weight, teal bullets --- */ .main-navigation .sub-menu a, #mobile-navigation .sub-menu a { color: #333333 !important; font-weight: 600 !important; font-size: 1rem !important; padding-left: 14px !important; } /* --- Mobile only: shrink dropdown sub-item text two steps --- */ #mobile-navigation .sub-menu a { font-size: 0.85rem !important; } /* --- Desktop only: shrink dropdown sub-item text one step --- */ @media screen and (min-width: 62em) { .main-navigation .sub-menu a { font-size: 0.9rem !important; } } .main-navigation .sub-menu a::before, #mobile-navigation .sub-menu a::before { content: "●"; color: #20B2AA; font-size: 0.6em; margin-right: 10px; vertical-align: middle; } /* --- Grammar Guide dropdown: separator lines between items --- */ .main-navigation .sub-menu li, #mobile-navigation .sub-menu li { border-bottom: 1px solid #e0e0e0 !important; } .main-navigation .sub-menu li:last-child, #mobile-navigation .sub-menu li:last-child { border-bottom: none !important; } /* --- Grammar Guide dropdown: mobile background white instead of teal --- */ #mobile-navigation .sub-menu { background-color: #ffffff !important; } /* --- Mobile only: bump main menu item text one step up --- */ #mobile-navigation > ul > li > a { font-size: 1.05rem !important; } /* --- Main nav buttons (desktop + mobile): medium weight + slight letter-spacing --- */ .main-navigation > ul > li > a { font-weight: 500 !important; letter-spacing: 0.03em !important; } /* ========================= Hide Breadcrumbs on Mobile ========================= */ @media (max-width: 782px) { .entry-breadcrumbs { display: none !important; } } /* GrammarLens page - full width, no sidebar */ .page-id-22639 .widget-area { display: none; } .page-id-22639 .entry-content { width: 100%; max-width: 100%; float: none; } .page-id-22639 .site-content { width: 100%; max-width: 100%; } .page-id-22639 .hentry { max-width: 100%; width: 100%; } .page-id-22639 #primary.content-area { width: 100%; max-width: 100%; float: none; } /* ========================= GrammarLens Page (ID 22639) Full width, no sidebar SEALED OFF - do not merge with No-Sidebar Pages block below ========================= */ .page-id-22639 .widget-area { display: none; } .page-id-22639 .entry-content { width: 100%; max-width: 100%; float: none; } .page-id-22639 .site-content { width: 100%; max-width: 100%; } .page-id-22639 .hentry { max-width: 100%; width: 100%; } .page-id-22639 #primary.content-area { width: 100%; max-width: 100%; float: none; } /* ========================= No-Sidebar Pages Hide the widget-area (Grammar Guide dropdown, etc.) and expand content to full width on specific pages Current pages (for reference only - names aren't used in the CSS): 26095 (to be), 26145 (to do), 26154 (to have), 26163 (to go), 26193 (to get), 26180 (to make), 26184 (to take), 26189 (to say), 26203 (to see), 26206 (to know), 26211 (to think), 26216 (to come), 26220 (to give), 26224 (to find), 26227 (to tell), 26236 (to leave), 26240 (to feel), 26248 (to put), 26254 (to meet), 26258 (to bring), 26263 (to pay), 26267 (to write), 26271 (to stand), 26275 (to sit), 26278 (to walk), 26282 (to run), 26287 (to begin), 26321 (to want), 26326 (to need), 26330 (to like), 26335 (to work), 26339 (to play), 26346 (to help), 26350 (to look), 26353 (to ask), 26356 (to try), 26359 (to talk), 19347 (Workshop), 26524 (Workshop (Verb Conjugation Tables)), 26585 (to show), 26589 (to hear), 26592 (to buy), 26594 (to send), 26597 (to build), 26599 (to lose), 26601 (to win), 26604 (to grow), 26606 (to open), 26608 (to close), 26614 (to watch), 26617 (to listen), 26619 (to live), 26621 (to love), 26623 (to use), 26625 (to start), 26627 (to stop), 26629 (to decide), 26631 (to eat), 26633 (to drink), 26638 (to wait), 26640 (to call), 26642 (to clean), 26645 (to cook), 26647 (to wash), 26649 (to visit), 26651 (to arrive), 26653 (to remember), 26655 (to learn), 26657 (to follow), 26662 (to enjoy), 26665 (to explain), 26667 (to happen), 26669 (to change), 26671 (to move), 26673 (to turn), 26675 (to answer), 26677 (to travel), 26679 (to smile), 26681 (to check), 26687 (to break), 26690 (to speak), 26693 (to choose), 26696 (to drive), 26698 (to fly), 26701 (to teach), 26704 (to read), 26709 (to sing), 26713 (to swim), 26715 (to fall), 26720 (to plan), 26722 (to study), 26724 (to stay), 26726 (to carry), 26728 (to worry), 26730 (to hope), 26732 (to allow), 26734 (to offer), 26736 (to suggest), 26738 (to continue), 26745 (to become), 26747 (to understand), 26749 (to forget), 26752 (to mean), 26754 (to keep), 26756 (to hold), 26758 (to let), 26760 (to agree), 26762 (to seem), 26764 (to believe) To add a new page ID, append it to each of the five selector groups below, then re-close the properties block as normal. ========================= */ .page-id-26095 .widget-area, .page-id-26145 .widget-area, .page-id-26154 .widget-area, .page-id-26163 .widget-area, .page-id-26193 .widget-area, .page-id-26180 .widget-area, .page-id-26184 .widget-area, .page-id-26189 .widget-area, .page-id-26203 .widget-area, .page-id-26206 .widget-area, .page-id-26211 .widget-area, .page-id-26216 .widget-area, .page-id-26220 .widget-area, .page-id-26224 .widget-area, .page-id-26227 .widget-area, .page-id-26236 .widget-area, .page-id-26240 .widget-area, .page-id-26248 .widget-area, .page-id-26254 .widget-area, .page-id-26258 .widget-area, .page-id-26263 .widget-area, .page-id-26267 .widget-area, .page-id-26271 .widget-area, .page-id-26275 .widget-area, .page-id-26278 .widget-area, .page-id-26282 .widget-area, .page-id-26287 .widget-area, .page-id-26321 .widget-area, .page-id-26326 .widget-area, .page-id-26330 .widget-area, .page-id-26335 .widget-area, .page-id-26339 .widget-area, .page-id-26346 .widget-area, .page-id-26350 .widget-area, .page-id-26353 .widget-area, .page-id-26356 .widget-area, .page-id-26359 .widget-area, .page-id-19347 .widget-area, .page-id-26524 .widget-area, .page-id-26585 .widget-area, .page-id-26589 .widget-area, .page-id-26592 .widget-area, .page-id-26594 .widget-area, .page-id-26597 .widget-area, .page-id-26599 .widget-area, .page-id-26601 .widget-area, .page-id-26604 .widget-area, .page-id-26606 .widget-area, .page-id-26608 .widget-area, .page-id-26614 .widget-area, .page-id-26617 .widget-area, .page-id-26619 .widget-area, .page-id-26621 .widget-area, .page-id-26623 .widget-area, .page-id-26625 .widget-area, .page-id-26627 .widget-area, .page-id-26629 .widget-area, .page-id-26631 .widget-area, .page-id-26633 .widget-area, .page-id-26638 .widget-area, .page-id-26640 .widget-area, .page-id-26642 .widget-area, .page-id-26645 .widget-area, .page-id-26647 .widget-area, .page-id-26649 .widget-area, .page-id-26651 .widget-area, .page-id-26653 .widget-area, .page-id-26655 .widget-area, .page-id-26657 .widget-area, .page-id-26662 .widget-area, .page-id-26665 .widget-area, .page-id-26667 .widget-area, .page-id-26669 .widget-area, .page-id-26671 .widget-area, .page-id-26673 .widget-area, .page-id-26675 .widget-area, .page-id-26677 .widget-area, .page-id-26679 .widget-area, .page-id-26681 .widget-area, .page-id-26687 .widget-area, .page-id-26690 .widget-area, .page-id-26693 .widget-area, .page-id-26696 .widget-area, .page-id-26698 .widget-area, .page-id-26701 .widget-area, .page-id-26704 .widget-area, .page-id-26709 .widget-area, .page-id-26713 .widget-area, .page-id-26715 .widget-area, .page-id-26720 .widget-area, .page-id-26722 .widget-area, .page-id-26724 .widget-area, .page-id-26726 .widget-area, .page-id-26728 .widget-area, .page-id-26730 .widget-area, .page-id-26732 .widget-area, .page-id-26734 .widget-area, .page-id-26736 .widget-area, .page-id-26738 .widget-area, .page-id-26745 .widget-area, .page-id-26747 .widget-area, .page-id-26749 .widget-area, .page-id-26752 .widget-area, .page-id-26754 .widget-area, .page-id-26756 .widget-area, .page-id-26758 .widget-area, .page-id-26760 .widget-area, .page-id-26762 .widget-area, .page-id-26764 .widget-area { display: none; } .page-id-26095 .entry-content, .page-id-26145 .entry-content, .page-id-26154 .entry-content, .page-id-26163 .entry-content, .page-id-26193 .entry-content, .page-id-26180 .entry-content, .page-id-26184 .entry-content, .page-id-26189 .entry-content, .page-id-26203 .entry-content, .page-id-26206 .entry-content, .page-id-26211 .entry-content, .page-id-26216 .entry-content, .page-id-26220 .entry-content, .page-id-26224 .entry-content, .page-id-26227 .entry-content, .page-id-26236 .entry-content, .page-id-26240 .entry-content, .page-id-26248 .entry-content, .page-id-26254 .entry-content, .page-id-26258 .entry-content, .page-id-26263 .entry-content, .page-id-26267 .entry-content, .page-id-26271 .entry-content, .page-id-26275 .entry-content, .page-id-26278 .entry-content, .page-id-26282 .entry-content, .page-id-26287 .entry-content, .page-id-26321 .entry-content, .page-id-26326 .entry-content, .page-id-26330 .entry-content, .page-id-26335 .entry-content, .page-id-26339 .entry-content, .page-id-26346 .entry-content, .page-id-26350 .entry-content, .page-id-26353 .entry-content, .page-id-26356 .entry-content, .page-id-26359 .entry-content, .page-id-19347 .entry-content, .page-id-26524 .entry-content, .page-id-26585 .entry-content, .page-id-26589 .entry-content, .page-id-26592 .entry-content, .page-id-26594 .entry-content, .page-id-26597 .entry-content, .page-id-26599 .entry-content, .page-id-26601 .entry-content, .page-id-26604 .entry-content, .page-id-26606 .entry-content, .page-id-26608 .entry-content, .page-id-26614 .entry-content, .page-id-26617 .entry-content, .page-id-26619 .entry-content, .page-id-26621 .entry-content, .page-id-26623 .entry-content, .page-id-26625 .entry-content, .page-id-26627 .entry-content, .page-id-26629 .entry-content, .page-id-26631 .entry-content, .page-id-26633 .entry-content, .page-id-26638 .entry-content, .page-id-26640 .entry-content, .page-id-26642 .entry-content, .page-id-26645 .entry-content, .page-id-26647 .entry-content, .page-id-26649 .entry-content, .page-id-26651 .entry-content, .page-id-26653 .entry-content, .page-id-26655 .entry-content, .page-id-26657 .entry-content, .page-id-26662 .entry-content, .page-id-26665 .entry-content, .page-id-26667 .entry-content, .page-id-26669 .entry-content, .page-id-26671 .entry-content, .page-id-26673 .entry-content, .page-id-26675 .entry-content, .page-id-26677 .entry-content, .page-id-26679 .entry-content, .page-id-26681 .entry-content, .page-id-26687 .entry-content, .page-id-26690 .entry-content, .page-id-26693 .entry-content, .page-id-26696 .entry-content, .page-id-26698 .entry-content, .page-id-26701 .entry-content, .page-id-26704 .entry-content, .page-id-26709 .entry-content, .page-id-26713 .entry-content, .page-id-26715 .entry-content, .page-id-26720 .entry-content, .page-id-26722 .entry-content, .page-id-26724 .entry-content, .page-id-26726 .entry-content, .page-id-26728 .entry-content, .page-id-26730 .entry-content, .page-id-26732 .entry-content, .page-id-26734 .entry-content, .page-id-26736 .entry-content, .page-id-26738 .entry-content, .page-id-26745 .entry-content, .page-id-26747 .entry-content, .page-id-26749 .entry-content, .page-id-26752 .entry-content, .page-id-26754 .entry-content, .page-id-26756 .entry-content, .page-id-26758 .entry-content, .page-id-26760 .entry-content, .page-id-26762 .entry-content, .page-id-26764 .entry-content { width: 100%; max-width: 100%; float: none; } .page-id-26095 .site-content, .page-id-26145 .site-content, .page-id-26154 .site-content, .page-id-26163 .site-content, .page-id-26193 .site-content, .page-id-26180 .site-content, .page-id-26184 .site-content, .page-id-26189 .site-content, .page-id-26203 .site-content, .page-id-26206 .site-content, .page-id-26211 .site-content, .page-id-26216 .site-content, .page-id-26220 .site-content, .page-id-26224 .site-content, .page-id-26227 .site-content, .page-id-26236 .site-content, .page-id-26240 .site-content, .page-id-26248 .site-content, .page-id-26254 .site-content, .page-id-26258 .site-content, .page-id-26263 .site-content, .page-id-26267 .site-content, .page-id-26271 .site-content, .page-id-26275 .site-content, .page-id-26278 .site-content, .page-id-26282 .site-content, .page-id-26287 .site-content, .page-id-26321 .site-content, .page-id-26326 .site-content, .page-id-26330 .site-content, .page-id-26335 .site-content, .page-id-26339 .site-content, .page-id-26346 .site-content, .page-id-26350 .site-content, .page-id-26353 .site-content, .page-id-26356 .site-content, .page-id-26359 .site-content, .page-id-19347 .site-content, .page-id-26524 .site-content, .page-id-26585 .site-content, .page-id-26589 .site-content, .page-id-26592 .site-content, .page-id-26594 .site-content, .page-id-26597 .site-content, .page-id-26599 .site-content, .page-id-26601 .site-content, .page-id-26604 .site-content, .page-id-26606 .site-content, .page-id-26608 .site-content, .page-id-26614 .site-content, .page-id-26617 .site-content, .page-id-26619 .site-content, .page-id-26621 .site-content, .page-id-26623 .site-content, .page-id-26625 .site-content, .page-id-26627 .site-content, .page-id-26629 .site-content, .page-id-26631 .site-content, .page-id-26633 .site-content, .page-id-26638 .site-content, .page-id-26640 .site-content, .page-id-26642 .site-content, .page-id-26645 .site-content, .page-id-26647 .site-content, .page-id-26649 .site-content, .page-id-26651 .site-content, .page-id-26653 .site-content, .page-id-26655 .site-content, .page-id-26657 .site-content, .page-id-26662 .site-content, .page-id-26665 .site-content, .page-id-26667 .site-content, .page-id-26669 .site-content, .page-id-26671 .site-content, .page-id-26673 .site-content, .page-id-26675 .site-content, .page-id-26677 .site-content, .page-id-26679 .site-content, .page-id-26681 .site-content, .page-id-26687 .site-content, .page-id-26690 .site-content, .page-id-26693 .site-content, .page-id-26696 .site-content, .page-id-26698 .site-content, .page-id-26701 .site-content, .page-id-26704 .site-content, .page-id-26709 .site-content, .page-id-26713 .site-content, .page-id-26715 .site-content, .page-id-26720 .site-content, .page-id-26722 .site-content, .page-id-26724 .site-content, .page-id-26726 .site-content, .page-id-26728 .site-content, .page-id-26730 .site-content, .page-id-26732 .site-content, .page-id-26734 .site-content, .page-id-26736 .site-content, .page-id-26738 .site-content, .page-id-26745 .site-content, .page-id-26747 .site-content, .page-id-26749 .site-content, .page-id-26752 .site-content, .page-id-26754 .site-content, .page-id-26756 .site-content, .page-id-26758 .site-content, .page-id-26760 .site-content, .page-id-26762 .site-content, .page-id-26764 .site-content { width: 100%; max-width: 100%; } .page-id-26095 .hentry, .page-id-26145 .hentry, .page-id-26154 .hentry, .page-id-26163 .hentry, .page-id-26193 .hentry, .page-id-26180 .hentry, .page-id-26184 .hentry, .page-id-26189 .hentry, .page-id-26203 .hentry, .page-id-26206 .hentry, .page-id-26211 .hentry, .page-id-26216 .hentry, .page-id-26220 .hentry, .page-id-26224 .hentry, .page-id-26227 .hentry, .page-id-26236 .hentry, .page-id-26240 .hentry, .page-id-26248 .hentry, .page-id-26254 .hentry, .page-id-26258 .hentry, .page-id-26263 .hentry, .page-id-26267 .hentry, .page-id-26271 .hentry, .page-id-26275 .hentry, .page-id-26278 .hentry, .page-id-26282 .hentry, .page-id-26287 .hentry, .page-id-26321 .hentry, .page-id-26326 .hentry, .page-id-26330 .hentry, .page-id-26335 .hentry, .page-id-26339 .hentry, .page-id-26346 .hentry, .page-id-26350 .hentry, .page-id-26353 .hentry, .page-id-26356 .hentry, .page-id-26359 .hentry, .page-id-19347 .hentry, .page-id-26524 .hentry, .page-id-26585 .hentry, .page-id-26589 .hentry, .page-id-26592 .hentry, .page-id-26594 .hentry, .page-id-26597 .hentry, .page-id-26599 .hentry, .page-id-26601 .hentry, .page-id-26604 .hentry, .page-id-26606 .hentry, .page-id-26608 .hentry, .page-id-26614 .hentry, .page-id-26617 .hentry, .page-id-26619 .hentry, .page-id-26621 .hentry, .page-id-26623 .hentry, .page-id-26625 .hentry, .page-id-26627 .hentry, .page-id-26629 .hentry, .page-id-26631 .hentry, .page-id-26633 .hentry, .page-id-26638 .hentry, .page-id-26640 .hentry, .page-id-26642 .hentry, .page-id-26645 .hentry, .page-id-26647 .hentry, .page-id-26649 .hentry, .page-id-26651 .hentry, .page-id-26653 .hentry, .page-id-26655 .hentry, .page-id-26657 .hentry, .page-id-26662 .hentry, .page-id-26665 .hentry, .page-id-26667 .hentry, .page-id-26669 .hentry, .page-id-26671 .hentry, .page-id-26673 .hentry, .page-id-26675 .hentry, .page-id-26677 .hentry, .page-id-26679 .hentry, .page-id-26681 .hentry, .page-id-26687 .hentry, .page-id-26690 .hentry, .page-id-26693 .hentry, .page-id-26696 .hentry, .page-id-26698 .hentry, .page-id-26701 .hentry, .page-id-26704 .hentry, .page-id-26709 .hentry, .page-id-26713 .hentry, .page-id-26715 .hentry, .page-id-26720 .hentry, .page-id-26722 .hentry, .page-id-26724 .hentry, .page-id-26726 .hentry, .page-id-26728 .hentry, .page-id-26730 .hentry, .page-id-26732 .hentry, .page-id-26734 .hentry, .page-id-26736 .hentry, .page-id-26738 .hentry, .page-id-26745 .hentry, .page-id-26747 .hentry, .page-id-26749 .hentry, .page-id-26752 .hentry, .page-id-26754 .hentry, .page-id-26756 .hentry, .page-id-26758 .hentry, .page-id-26760 .hentry, .page-id-26762 .hentry, .page-id-26764 .hentry { max-width: 100%; width: 100%; } .page-id-26095 #primary.content-area, .page-id-26145 #primary.content-area, .page-id-26154 #primary.content-area, .page-id-26163 #primary.content-area, .page-id-26193 #primary.content-area, .page-id-26180 #primary.content-area, .page-id-26184 #primary.content-area, .page-id-26189 #primary.content-area, .page-id-26203 #primary.content-area, .page-id-26206 #primary.content-area, .page-id-26211 #primary.content-area, .page-id-26216 #primary.content-area, .page-id-26220 #primary.content-area, .page-id-26224 #primary.content-area, .page-id-26227 #primary.content-area, .page-id-26236 #primary.content-area, .page-id-26240 #primary.content-area, .page-id-26248 #primary.content-area, .page-id-26254 #primary.content-area, .page-id-26258 #primary.content-area, .page-id-26263 #primary.content-area, .page-id-26267 #primary.content-area, .page-id-26271 #primary.content-area, .page-id-26275 #primary.content-area, .page-id-26278 #primary.content-area, .page-id-26282 #primary.content-area, .page-id-26287 #primary.content-area, .page-id-26321 #primary.content-area, .page-id-26326 #primary.content-area, .page-id-26330 #primary.content-area, .page-id-26335 #primary.content-area, .page-id-26339 #primary.content-area, .page-id-26346 #primary.content-area, .page-id-26350 #primary.content-area, .page-id-26353 #primary.content-area, .page-id-26356 #primary.content-area, .page-id-26359 #primary.content-area, .page-id-19347 #primary.content-area, .page-id-26524 #primary.content-area, .page-id-26585 #primary.content-area, .page-id-26589 #primary.content-area, .page-id-26592 #primary.content-area, .page-id-26594 #primary.content-area, .page-id-26597 #primary.content-area, .page-id-26599 #primary.content-area, .page-id-26601 #primary.content-area, .page-id-26604 #primary.content-area, .page-id-26606 #primary.content-area, .page-id-26608 #primary.content-area, .page-id-26614 #primary.content-area, .page-id-26617 #primary.content-area, .page-id-26619 #primary.content-area, .page-id-26621 #primary.content-area, .page-id-26623 #primary.content-area, .page-id-26625 #primary.content-area, .page-id-26627 #primary.content-area, .page-id-26629 #primary.content-area, .page-id-26631 #primary.content-area, .page-id-26633 #primary.content-area, .page-id-26638 #primary.content-area, .page-id-26640 #primary.content-area, .page-id-26642 #primary.content-area, .page-id-26645 #primary.content-area, .page-id-26647 #primary.content-area, .page-id-26649 #primary.content-area, .page-id-26651 #primary.content-area, .page-id-26653 #primary.content-area, .page-id-26655 #primary.content-area, .page-id-26657 #primary.content-area, .page-id-26662 #primary.content-area, .page-id-26665 #primary.content-area, .page-id-26667 #primary.content-area, .page-id-26669 #primary.content-area, .page-id-26671 #primary.content-area, .page-id-26673 #primary.content-area, .page-id-26675 #primary.content-area, .page-id-26677 #primary.content-area, .page-id-26679 #primary.content-area, .page-id-26681 #primary.content-area, .page-id-26687 #primary.content-area, .page-id-26690 #primary.content-area, .page-id-26693 #primary.content-area, .page-id-26696 #primary.content-area, .page-id-26698 #primary.content-area, .page-id-26701 #primary.content-area, .page-id-26704 #primary.content-area, .page-id-26709 #primary.content-area, .page-id-26713 #primary.content-area, .page-id-26715 #primary.content-area, .page-id-26720 #primary.content-area, .page-id-26722 #primary.content-area, .page-id-26724 #primary.content-area, .page-id-26726 #primary.content-area, .page-id-26728 #primary.content-area, .page-id-26730 #primary.content-area, .page-id-26732 #primary.content-area, .page-id-26734 #primary.content-area, .page-id-26736 #primary.content-area, .page-id-26738 #primary.content-area, .page-id-26745 #primary.content-area, .page-id-26747 #primary.content-area, .page-id-26749 #primary.content-area, .page-id-26752 #primary.content-area, .page-id-26754 #primary.content-area, .page-id-26756 #primary.content-area, .page-id-26758 #primary.content-area, .page-id-26760 #primary.content-area, .page-id-26762 #primary.content-area, .page-id-26764 #primary.content-area { width: 100%; max-width: 100%; float: none; } /* ========================= FeatHidden Hide featured images site-wide, including internal search (used to allow featured image = logo for social share previews, without displaying it on the page itself) ========================= */ .single .wp-post-image, .page .wp-post-image, .search .wp-post-image, .archive .wp-post-image { display: none !important; } .site-logo { max-width: 65px !important; } .site-title { display: none !important; } .site-branding { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .site-header-main { padding-top: 10px !important; padding-bottom: 10px !important; } .site-header-main .inner { padding-top: 0 !important; padding-bottom: 0 !important; } @media (min-width: 768px) { .site-header-main .inner { align-items: center !important; display: flex !important; justify-content: space-between !important; padding-top: 0 !important; padding-bottom: 0 !important; } .main-navigation { margin-left: auto !important; } } .widget_archive { display: none; } /* Hide featured image on homepage only */ .page-id-32 .post-thumbnail, .page-id-32 .wp-post-image, .page-id-32 .entry-thumbnail { display: none !important; } ::-moz-selection { background: transparent; color: inherit; } /* Mobile only - bump body text to 19px */ @media (max-width: 768px) { body:not(.page-id-32):not(.page-id-7):not(.page-id-19070):not(.page-id-101) p, body:not(.page-id-32):not(.page-id-7):not(.page-id-19070):not(.page-id-101) li { font-size: 19px; } } body { } .site-footer a { color: #ffffff; } /* Consolidated CSS for page 2581 to remove extra margins, padding, borders, and box-shadows */ .page-id-2581 .reduced-gap.wp-block-columns, .page-id-2581 .reduced-gap.wp-block-columns > .wp-block-column, .page-id-2581 .reduced-gap.wp-block-columns figure.wp-block-table, .page-id-2581 .reduced-gap.wp-block-columns table { margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; overflow: hidden !important; /* Helps manage margin collapse */ } /* Hide the block appender globally */ .block-list-appender { display: none !important; } /* Apply the reduced-gap-2 styles globally */ .reduced-gap-2 { margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; overflow: hidden; } /* Target the container with your custom class (if you use one globally) */ .reduced-gap-2 .wp-block-columns { display: flex; flex-wrap: nowrap; } /* Desktop: Preserve three-column layout with a fixed-width left column */ @media (min-width: 769px) { .reduced-gap-2.wp-block-columns { display: flex; max-width: 1200px; /* Constrain the overall container */ margin: 0 auto; } /* The first column (table of contents) gets a fixed width, e.g., 400px */ .reduced-gap-2.wp-block-columns > .wp-block-column:first-child { flex: 0 0 400px; max-width: 400px; } /* The other (empty) columns get the remaining space */ .reduced-gap-2.wp-block-columns > .wp-block-column:not(:first-child) { flex: 0 0 calc((100% - 400px) / 2); max-width: calc((100% - 400px) / 2); } } /* Mobile: Hide empty columns so the content column expands fully */ @media (max-width: 768px) { /* Hide any columns that are empty */ .reduced-gap-2.wp-block-columns > .wp-block-column:empty { display: none !important; } /* Make the first column fill the available width on mobile */ .reduced-gap-2.wp-block-columns > .wp-block-column:first-child { flex: 0 0 100%; max-width: 100%; } } /* --- General: Uniform padding for all cells in column 3 --- */ .page-id-2542 .make-images-same td:nth-child(3) { padding: 5px; box-sizing: border-box; /* Ensures the padding is included in the cell dimensions */ } /* --- Desktop: Uniform image height in column 3 --- */ .page-id-2542 .make-images-same td:nth-child(3) img { display: block; /* Remove extra inline spacing */ width: 100%; /* Make the image fill the cell’s width */ height: 200px; /* Fixed image height for desktop */ object-fit: cover; /* Fills the container uniformly (use `contain` if you prefer no cropping) */ } /* --- Mobile Adjustments: Change image height for smaller screens --- */ @media (max-width: 768px) { .page-id-2542 .make-images-same td:nth-child(3) img { height: 150px; /* Reduced height for mobile devices */ } } /* Let the paragraph block with table-gap keep its natural typography */ .wp-block-paragraph.table-gap { /* No changes—its spacing remains as set by your theme or block controls */ } /* Pull up the table block’s figure wrapper with table-gap */ figure.wp-block-table.table-gap { margin-top: -18px !important; /* Continue to pull up with spacing adjustment */ transform: translateY(-2px); /* Further nudge it upward */ } /* In case the table immediately follows the paragraph, apply the same adjustments */ .wp-block-paragraph.table-gap + figure.wp-block-table.table-gap { margin-top: -18px !important; transform: translateY(-2px); } /* Ensure the table’s borders collapse into one continuous line */ .wp-block-table.table-lines table { border-collapse: collapse; /* Optional: Uncomment the line below if you want strict column width controls */ /* table-layout: fixed; */ } /* Add a thicker bottom border (2px solid black) to every cell in the 3rd and 7th rows */ .wp-block-table.table-lines table tbody tr:nth-child(3) td, .wp-block-table.table-lines table tbody tr:nth-child(7) td { border-bottom: 2px solid #000 !important; } /* Increase the width of the first column in both thead and tbody */ .wp-block-table.table-lines table thead th:first-child, .wp-block-table.table-lines table tbody td:first-child { width: 150px !important; } @media (max-width: 1023px) { /* Mobile-only: Scrollable table container */ .wp-block-table.table-sticky { max-height: 500px; /* Adjust this height as needed */ overflow-y: auto; } /* Collapse table borders for a unified look */ .wp-block-table.table-sticky table { border-collapse: collapse; width: 100%; } /* Mobile-only: Make the table header sticky */ .wp-block-table.table-sticky table thead { position: sticky; top: 0; z-index: 1000; /* Keeps the header above the table rows */ } /* Mobile-only: Style header cells (heading boxes) with borders: - Top, left, and right: 1px solid black - Bottom: 2px solid black */ .wp-block-table.table-sticky table thead th { padding: 10px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 2px solid #000; } } article.page .posted-on, article.page .posted-on::before, article.page .posted-on::after { display: none !important; } .table-lines-2 { border-collapse: collapse; width: 100%; } .table-lines-2 tr:nth-child(7) td { border-top: 2px solid #000; /* Adjust thickness and color as needed */ } .table-lines-3 table { border-collapse: collapse; } .table-lines-3 table { border-collapse: collapse; width: 100%; } .table-lines-3 table tbody tr:nth-child(3) td, .table-lines-3 table tbody tr:nth-child(7) td { border-bottom: 2px solid #000 !important; } /* Remove any bottom spacing from the columns block */ .reduced-gap-3.wp-block-columns { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Hide the default block appender (if present) that may be adding space */ .reduced-gap-3 .block-editor-default-block-appender { display: none !important; } /* Remove any top spacing from the element immediately following the columns block */ .reduced-gap-3.wp-block-columns + * { margin-top: 0 !important; padding-top: 0 !important; } /*-------------------------------------------------------------- 1. Columns Container: Remove extra bottom spacing, use flex, and center remaining columns (desktop settings) --------------------------------------------------------------*/ .reduced-gap-4.wp-block-columns { display: flex !important; justify-content: center; gap: 0; margin-bottom: 0 !important; padding-bottom: 0 !important; } /*-------------------------------------------------------------- 2. Hide Empty Columns in reduced-gap-4 --------------------------------------------------------------*/ .reduced-gap-4.wp-block-columns > .wp-block-column:empty, .reduced-gap-4.wp-block-columns > .wp-block-column > .block-list-appender:only-child { display: none !important; } /*-------------------------------------------------------------- 3. For desktop: Force the surviving column to be exactly 50% --------------------------------------------------------------*/ .reduced-gap-4.wp-block-columns > .wp-block-column { flex: 0 0 50% !important; max-width: 50% !important; } /*-------------------------------------------------------------- 4. Remove spacing from the element immediately following the columns block --------------------------------------------------------------*/ .reduced-gap-4.wp-block-columns + * { margin-top: 0 !important; padding-top: 0 !important; } /*-------------------------------------------------------------- 5. Responsive Adjustment for Mobile: Expand the content column to 100% --------------------------------------------------------------*/ @media (max-width: 768px) { .reduced-gap-4.wp-block-columns > .wp-block-column { flex: 0 0 100% !important; max-width: 100% !important; } } .reduced-gap-4.wp-block-columns > .wp-block-column > :first-child { margin-top: 0 !important; } /* Remove any extra bottom margin for table blocks with the 'reduced-gap-5' class */ .wp-block-table.reduced-gap-5 { margin-bottom: 0; } /* If you also need to target the table element inside the block, include this rule: */ .wp-block-table.reduced-gap-5 table { margin-bottom: 0; } /* Mobile view: full width container */ .reduced-gap-6 { width: 100%; } /* Desktop view: container limited to 50% and centered */ @media screen and (min-width: 992px) { .reduced-gap-6 { max-width: 50%; margin: 0 auto; } /* Add margin above the table to separate it from any preceding paragraph */ .reduced-gap-6 table { width: 100%; border-collapse: collapse; /* Optional: tidies up borders if needed */ margin-top: 20px; /* Increase this value if you need more space */ } /* Ensure table cells remain unaffected while being nicely padded */ .reduced-gap-6 th, .reduced-gap-6 td { padding: 8px; vertical-align: top; } /* Optional: if the paragraph block is within the same container, you might also add some margin-bottom for extra spacing */ .reduced-gap-6 p { margin-bottom: 20px; /* Adjust as desired to increase distance */ } } figure.wp-block-table.reduced-gap-7 { /* Reset all top spacing */ margin-top: 0 !important; padding-top: 0 !important; margin-block-start: 0 !important; /* Establish a new block formatting context */ display: flow-root !important; overflow: hidden !important; /* Add a transparent border to prevent margin collapse */ border-top: 1px solid transparent !important; /* If needed, shift up slightly to cancel any remaining offset */ position: relative !important; top: -5px !important; } /* Remove any generated pseudo-elements that might be adding space */ figure.wp-block-table.reduced-gap-7::before, figure.wp-block-table.reduced-gap-7::after { content: "" !important; display: none !important; margin: 0 !important; padding: 0 !important; } @media (min-width: 768px) { /* Adjust this value for your breakpoints */ figure.wp-block-table.reduced-gap-7 { margin-top: 0 !important; } } /* Initially hide the submenu by restricting its height */ .widget_nav_menu ul ul { max-height: 0; overflow: hidden; transition: max-height .5s ease; /* Adjust duration and easing as needed */ } /* When the parent is hovered, allow the submenu to expand */ .widget_nav_menu li:hover > ul { max-height: 500px; /* Set this to a value greater than the submenu's natural height */ } /* Style parent (container) menu items in the widget */ .widget_nav_menu li.menu-item-has-children > a { font-weight: bold; text-transform: uppercase; text-align: center; display: block; /* ensures the entire area is centered */ padding: 10px; /* adjust padding as needed */ } /* Target the sidebar container and any widgets within it */ .sidebar, .widget { color: #000 !important; } /* Also target links inside the sidebar for consistency */ .sidebar a, .widget a { color: #000 !important; } /* Make container heading boxes in the sidebar navigation widget have black text */ .widget_nav_menu li.menu-item-has-children > a { color: #000 !important; } .site-header-top { display: none !important; } /* Mobile view: full width container */ .reduced-gap-8 { width: 100%; } /* Desktop view: container limited to 60% and centered */ @media screen and (min-width: 992px) { .reduced-gap-8 { max-width: 60%; margin: 0 auto; } /* Add margin above the table to separate it from any preceding paragraph */ .reduced-gap-8 table { width: 100%; border-collapse: collapse; margin-top: 20px; /* Increase this value if you need more space */ } /* Ensure table cells remain unaffected while being nicely padded */ .reduced-gap-8 th, .reduced-gap-8 td { padding: 8px; vertical-align: top; } /* Optional: add margin-bottom to paragraph blocks within the container */ .reduced-gap-8 p { margin-bottom: 20px; /* Adjust as desired for extra spacing */ } } /* Mobile view: full width container */ .reduced-gap-9 { width: 100%; } /* Desktop view: container limited to 70% and centered */ @media screen and (min-width: 992px) { .reduced-gap-9 { max-width: 70%; margin: 0 auto; } /* Add margin above the table to separate it from any preceding paragraph */ .reduced-gap-9 table { width: 100%; border-collapse: collapse; margin-top: 20px; /* Increase this value if you need more space */ } /* Ensure table cells remain unaffected while being nicely padded */ .reduced-gap-9 th, .reduced-gap-9 td { padding: 8px; vertical-align: top; } /* Optional: add margin below paragraphs within the container */ .reduced-gap-9 p { margin-bottom: 20px; /* Adjust as desired for extra spacing */ } } /* Base styling for table inside the container with handle table-bigger-1 */ .table-bigger-1 table { width: 100%; border-collapse: collapse; /* Optional: ensures borders collapse, if applicable */ } /* Mobile devices styling: adjust breakpoint as desired */ @media only screen and (max-width: 767px) { /* Targeting the first column in both header and body */ .table-bigger-1 table th:first-child, .table-bigger-1 table td:first-child { width: 40%; /* Increase as needed; this percentage makes the first column wider relative to others */ min-width: 120px; /* Optional: ensures the column doesn't shrink too much on smaller devices */ } } @media only screen and (max-width: 767px) { .table-bigger-2 table { width: 100%; border-collapse: collapse; table-layout: fixed; } /* First column: slightly reduced to allow more room for columns 2 and 3 */ .table-bigger-2 table th:nth-child(1), .table-bigger-2 table td:nth-child(1) { width: 28%; min-width: 120px; /* Adjust if necessary */ } /* Second column: widened a touch */ .table-bigger-2 table th:nth-child(2), .table-bigger-2 table td:nth-child(2) { width: 36%; min-width: 130px; } /* Third column: widened a touch */ .table-bigger-2 table th:nth-child(3), .table-bigger-2 table td:nth-child(3) { width: 36%; min-width: 130px; } } @media only screen and (max-width: 767px) { /* Adjust these selectors based on your actual sidebar markup */ .sidebar, .widget-area, #sidebar { display: none !important; } } .table-lines-5 table tbody tr:last-child td:nth-child(2), .table-lines-5 table tbody tr:last-child td:nth-child(3) { vertical-align: top; } @media only screen and (max-width: 768px) { /* Force the table to fit its container */ .table-lines-5 table { width: 100%; table-layout: fixed; border-collapse: collapse; } /* Make sure the last row’s columns 2 and 3 share the width evenly */ .table-lines-5 table tbody tr:last-child td:nth-child(2), .table-lines-5 table tbody tr:last-child td:nth-child(3) { width: 50%; vertical-align: top; padding: 10px; /* Adjust if you need less or more padding */ box-sizing: border-box; /* Ensures padding is included in the width */ } } p, .wp-block-paragraph { color: #000; /* Sets the default text color to black */ } ul, ol, li { color: #000; /* Sets list items to black by default */ } blockquote, .wp-block-quote { color: #000; /* Sets quote text to black by default */ } blockquote, .wp-block-quote { color: #000; /* Sets quote text to black by default */ } .table-bigger-3 table { width: 100%; table-layout: fixed; /* Ensures that the set widths are respected */ border-collapse: collapse; /* Optional: for a cleaner, unified look */ } .table-bigger-3 table th, .table-bigger-3 table td { padding: 8px; /* Adjust this value based on your design needs */ } /* First column: 25% width */ .table-bigger-3 table th:nth-child(1), .table-bigger-3 table td:nth-child(1) { width: 25%; } /* Second column: 25% width */ .table-bigger-3 table th:nth-child(2), .table-bigger-3 table td:nth-child(2) { width: 25%; } /* Third column: 50% width */ .table-bigger-3 table th:nth-child(3), .table-bigger-3 table td:nth-child(3) { width: 50%; } /* Desktop styling remains unchanged */ .table-bigger-4 { width: 100%; overflow-x: auto; } .table-bigger-4 table { width: 100%; border-collapse: collapse; } .table-bigger-4 th, .table-bigger-4 td { padding: 8px; overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } /* Mobile view: Reduce font size slightly */ @media (max-width: 600px) { .table-bigger-4 th, .table-bigger-4 td { font-size: 95%; /* Reducing the font size to 95% on mobile devices */ } } .table-headings-1 th { text-align: center; } /* Hide entire search result entries for private pages */ .search-results .private-page { display: none !important; } /* ========================= SIDEBAR MENU — CONSOLIDATED ========================= */ /* Category headers (top-level) */ .widget_nav_menu li.menu-item-has-children > a, .new-sidebar-menu li.menu-item-has-children > a { font-weight: bold; text-transform: uppercase; letter-spacing: 0.06em; text-align: center; display: block; padding: 10px 10px 12px; } /* Breathing room between category groups */ .widget_nav_menu > ul > li, .new-sidebar-menu > ul > li { margin-bottom: 36px; } /* Sub-items: lighter weight, no uppercase, no borders, left-aligned */ .widget_nav_menu ul ul li a, .new-sidebar-menu ul ul li a { font-weight: 600; text-transform: none; font-size: 0.85rem; text-align: left; display: block; width: 100%; padding-left: 24px; box-sizing: border-box; border: none; transition: background-color 0.15s ease; } /* Soft teal hover on sub-items */ .widget_nav_menu ul ul li a:hover, .new-sidebar-menu ul ul li a:hover { background-color: #e8f4ef; } /* Dropdown behaviour: hidden by default, expand on hover */ .widget_nav_menu ul ul, .new-sidebar-menu ul ul { max-height: 0; overflow: hidden; transition: max-height 1s ease; } .widget_nav_menu li:hover > ul, .new-sidebar-menu li:hover > ul { max-height: 1000px; overflow: visible; } /* Sticky sidebar on desktop, no internal scrollbar */ @media (min-width: 992px) { #secondary.widget-area { position: sticky; top: 20px; align-self: flex-start; } } /* Mobile view: full width container */ .reduced-gap-10 { width: 100%; } /* Desktop view: container limited to 90% and centered */ @media screen and (min-width: 992px) { .reduced-gap-10 { max-width: 90%; margin: 0 auto; } /* Add margin above the table to separate it from any preceding paragraph */ .reduced-gap-10 table { width: 100%; border-collapse: collapse; margin-top: 20px; } /* Ensure table cells remain unaffected while being nicely padded */ .reduced-gap-10 th, .reduced-gap-10 td { padding: 8px; vertical-align: top; } /* Optional: add margin below paragraphs within the container */ .reduced-gap-10 p { margin-bottom: 20px; } } /* Mobile view: full width container */ .reduced-gap-11 { width: 100%; } /* Desktop view: container limited to 80% and centered */ @media screen and (min-width: 992px) { .reduced-gap-11 { max-width: 80%; margin: 0 auto; } /* Add margin above the table to separate it from any preceding paragraph */ .reduced-gap-11 table { width: 100%; border-collapse: collapse; margin-top: 20px; } /* Ensure table cells remain unaffected while being nicely padded */ .reduced-gap-11 th, .reduced-gap-11 td { padding: 8px; vertical-align: top; } /* Optional: add margin below paragraphs within the container */ .reduced-gap-11 p { margin-bottom: 20px; } } .table-lines-6 tbody tr:first-child td { border-bottom: 2px solid black; } .table-lines-6 tbody tr:nth-last-child(2) td { border-bottom: 2px solid black; } .table-lines-6 tbody tr td:nth-child(2), .table-lines-6 tbody tr td:nth-child(3), .table-lines-6 tbody tr td:nth-child(4) { padding-left: 4px; /* reduce left padding */ padding-right: 4px; /* reduce right padding */ /* tighten the whole table */ } .table-lines-6 tbody tr td { padding: 6px 12px; /* default padding for all cells */ } /* Reduce horizontal padding for columns 2, 3, 4, and 6 */ /* Force links in page/post CONTENT to be black */ .entry-content a, .page-content a, article a { color: #000000 !important; } /* Grammar Guide Card Styling - Page 101 */ /* Card container */ .gg-card { background: #f5f8fa; border: 1px solid #d0d5dd; border-radius: 8px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } /* H2 header - light blue-gray, teal text */ .gg-card h2 { background: #e8eff4; color: #2d5f4f; margin: 0; padding: 1rem 1.25rem; font-size: 1.5rem; border-radius: 8px 8px 0 0; border-bottom: 1px solid #d0d5dd; } /* H3 subheadings - ice white blue */ .gg-card h3 { background: #f5f8fa; padding: .5rem 1.25rem; margin: 0; font-size: 1rem; border-bottom: 1px solid #e8eff4; } /* Content area padding */ .gg-card p, .gg-card ul, .gg-card ol { padding: .5rem 1.25rem 1rem; margin: 0; } .gg-card h3 { font-weight: 600; margin-top: .75rem; } /* Grammar Guide Card 2 - Soft Teal - Page 101 */ /* Card container */ .gg-card-2 { background: #f5faf8; border: 1px solid #c8d9d3; border-radius: 8px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } /* H2 header - soft teal, teal text */ .gg-card-2 h2 { background: #e8f4ef; color: #2d5f4f; margin: 0; padding: 1rem 1.25rem; font-size: 1.5rem; border-radius: 8px 8px 0 0; border-bottom: 1px solid #c8d9d3; } /* H3 subheadings - ice white teal */ .gg-card-2 h3 { background: #f5faf8; padding: .5rem 1.25rem; margin: 0; font-size: 1rem; border-bottom: 1px solid #e8f4ef; font-weight: 600; margin-top: .75rem; } /* Content area padding */ .gg-card-2 p, .gg-card-2 ul, .gg-card-2 ol { padding: .5rem 1.25rem 1rem; margin: 0; } /* Grammar Guide Card 3 - Soft Lavender - Page 101 */ /* Card container */ .gg-card-3 { background: #faf8fc; border: 1px solid #d3c8d9; border-radius: 8px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } /* H2 header - soft lilac, teal text */ .gg-card-3 h2 { background: #edeaf2; color: #2d5f4f; margin: 0; padding: 1rem 1.25rem; font-size: 1.5rem; border-radius: 8px 8px 0 0; border-bottom: 1px solid #d3c8d9; } /* H3 subheadings - ice white lavender */.gg-card-3 h3 { background: #faf8fc; padding: .5rem 1.25rem; margin: 0; font-size: 1rem; border-bottom: 1px solid #f2edf7; font-weight: 600; margin-top: .75rem; } /* Content area padding */ .gg-card-3 p, .gg-card-3 ul, .gg-card-3 ol { padding: .5rem 1.25rem 1rem; margin: 0; } /* Grammar Guide Card - Coming Soon - Page 101 */ .gg-card-soon { background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); opacity: .75; } .gg-card-soon h2 { background: #ebebeb; color: #2d5f4f; margin: 0; padding: 1rem 1.25rem; font-size: 1.5rem; border-radius: 8px 8px 0 0; border-bottom: 1px solid #e0e0e0; } .gg-card-soon h3 { background: #f5f5f5; padding: .5rem 1.25rem; margin: 0; font-size: 1rem; border-bottom: 1px solid #ebebeb; font-weight: 600; margin-top: .75rem; } /* Section 1: Search */ .page-id-32 .homepage-search { background: #f0f4f6; padding: 2rem 1.25rem 2.5rem; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .page-id-32 .homepage-search .wp-block-search__label { font-size: 22px; } .page-id-32 .wp-block-search__button { display: flex; align-items: center; justify-content: center; } .page-id-32 .wp-block-search__label { text-align: center; color: #333; font-size: 1.5rem; font-weight: 600; margin-bottom: .75rem; display: block; width: 100%; } .page-id-32 .wp-block-search__inside-wrapper { border-radius: 8px; overflow: hidden; } .page-id-32 .wp-block-search__input { border-radius: 8px 0 0 8px; } .page-id-32 .wp-block-search__button { border-radius: 0 8px 8px 0; } /* Section 2: Intro */ .page-id-32 .homepage-intro { padding: 1.5rem 1.25rem 2rem; } .page-id-32 .homepage-intro h2, .page-id-32 .homepage-intro .wp-block-heading { color: #3eb9a1 !important; } /* Logo */ .page-id-32 .homepage-intro img { display: block; margin: 20px auto; max-width: 650px; width: 100%; height: auto; } /* Tagline */ .page-id-32 .homepage-intro p { font-size: 20px; text-align: center; } @media (max-width: 768px) { .page-id-32 .homepage-intro h2, .page-id-32 .homepage-intro .wp-block-heading { font-size: 22px !important; } .page-id-32 .homepage-intro p { font-size: 20px !important; } } /* Section 3: Questions */ .page-id-32 .homepage-questions { background: #f0f4f6; padding: 1.5rem 1.25rem 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } .page-id-32 .homepage-questions h2 { text-align: center; color: #333; margin-top: 0; margin-bottom: 1.5rem; } .page-id-32 .homepage-questions h3 { background: #ffffff; padding: 1rem; border-radius: 8px; margin-bottom: .75rem; position: relative; font-size: 1.05rem; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-weight: 600; margin-top: 0; } /* Section 4: Grammar Guide Promo */ .page-id-32 .homepage-guide-promo { background: #ffffff; padding: 1.5rem 1.25rem 2rem; text-align: center; } .page-id-32 .homepage-guide-promo img { margin-bottom: -1rem; } .page-id-32 .homepage-guide-promo h2 { color: #333; margin-top: 0; margin-bottom: .75rem; } .page-id-32 .homepage-guide-promo .wp-block-button__link { background: #3eb9a1; color: #ffffff; font-weight: 600; border-radius: 6px; padding: .75rem 1.5rem; } .page-id-32 .homepage-guide-promo .wp-block-button__link:hover { background: #35a08a; } /* ======================================== SHOP PAGE - CSS ======================================== */ /* Support Message */ .shop-support-message { background: #f0f4f6; border-left: 4px solid #3eb9a1; border-radius: 8px; padding: 1.25rem 1.5rem; text-align: center; margin-bottom: 2rem; } /* Shop Card */ .shop-card { background: #f5f0fa; border-radius: 8px; padding: 1.25rem; box-shadow: 0 2px 8px rgba(0,0,0,0.08); max-width: 400px; } .shop-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.12); } .shop-card h3 { color: #333; margin-top: 1rem; margin-bottom: .5rem; } .shop-card p { color: #666; margin-bottom: .5rem; } .shop-card img { border-radius: 6px; width: 100%; height: 180px; object-fit: cover; } .shop-card .wp-block-button__link { background: #5bbfaa !important; color: white; border-radius: 6px; font-weight: 600; } .shop-card .wp-block-button__link:hover { background: #4aae99 !important; } /* ======================================== PRINTABLES CARDS (A4 Posters) ======================================== */ .shop-card-2 { background: #f5f0fa; border-radius: 8px; padding: 1.25rem; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } .shop-card-2:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.12); } .shop-card-2 h3 { color: #333; margin-top: 1rem; margin-bottom: .5rem; } .shop-card-2 p { color: #666; margin-bottom: .5rem; } .shop-card-2 img { border-radius: 6px; width: 100%; height: auto; } .shop-card-2 .wp-block-button__link { background: #5bbfaa !important; color: white;