/*
CTC Separate Stylesheet
Updated: 2026-08-13 17:44:58
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen Child Theme
Version: 4.1.1786608013
*/


/* ============================================================
   TABLE OF CONTENTS
   ============================================================

   1.  Layout & Site-Wide Customisation
   2.  Typography
   3.  Post & Page Meta
   4.  Page Header & Content Spacing
   5.  Sidebar & Widget Styling
   6.  Post Excerpt Links
   7.  Image Styling
   8.  Link Styling
   9.  Admin / Logged-In User Elements
   10. Terminal / Code Output
   11. Footer Layout   
   12. Mobile Styles

   ============================================================ */


/* ============================================================
   1. LAYOUT & SITE-WIDE CUSTOMISATION
   ============================================================ */

/* Increase the maximum content width */
.wrap {
    max-width: 1600px;
}

/* Main navigation background */
body.colors-dark .navigation-top,
body.colors-dark .main-navigation > div > ul,
body.colors-dark .main-navigation > div > ul ul {
    background: #333 !important;
}

.single-post .single-featured-image-header {
    display: none !important;
}

.single-featured-image-header {
	padding-top:25px;
	padding-bottom:25px;
}


/* ============================================================
   2. TYPOGRAPHY
   ============================================================ */

/* Site title font */
.site-title {
    font-family: "Asimovian", sans-serif !important;
}

/* Block heading font */
.wp-block-heading {
    font-family: "Michroma", sans-serif !important;
}


/* ============================================================
   3. POST & PAGE META
   ============================================================ */

/* Hide post metadata (date, author, etc.) */
.entry-meta {
    display: none;
}

/* Hide post footer metadata */
.entry-footer {
    display: none;
}


/* ============================================================
   4. PAGE HEADER & CONTENT SPACING
   ============================================================ */

/* Reduce the gap between page title and content */
.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0;
}


/* ============================================================
   5. SIDEBAR & WIDGET STYLING
   ============================================================ */

/* Custom category links widget */
.custom-category-links p {
    margin: 0 !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #444;
}

.custom-category-links h2 {
    margin-bottom: 0 !important;
    padding-bottom: 7px;
    border-bottom: 1px solid #444;
}

.custom-category-links a {
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove the top border when appending to Latest Posts widgets */
.wp-block-latest-posts + .wp-block-latest-posts li:first-child {
    border-top: none !important;
}


/* ============================================================
   6. POST EXCERPT LINKS
   ============================================================ */

/* Style the "Read More" link */
.wp-block-post-excerpt__more-link {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    color: #6666FF !important;
}


/* ============================================================
   7. IMAGE STYLING
   ============================================================ */

/* Add shadows and rounded corners to block images */
.wp-block-image img {
    box-shadow:
        0 4px 8px rgba(0, 0, 0, 0.5),
        0 6px 20px rgba(0, 0, 0, 0.39);
    border-radius: 3%;
}

/* Add a border to article images */
article img {
    border: 1px solid #FFF;
}

/* Remove border and shadow from explicitly unframed images */
.no-border img {
    border: 0 !important;
    box-shadow: none !important;
}

/* Remove theme link styling from image links */
.wp-block-image a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove image framing from The Author article */
body.page-id-70 article img {
    padding: 0;
    background: none;
    border: none;
}


/* ============================================================
   8. LINK STYLING
   ============================================================ */

/* Remove theme box-shadow underlines from content links */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    -webkit-box-shadow: none;
    color: #FFF;
}

/* Remove underline and box-shadow from widget links */
.widget a {
    text-decoration: none;
    box-shadow: none;
}

/* Restore a normal underline on hover/focus */
.wp-block-heading a:hover,
.wp-block-heading a:focus,
.wp-block-paragraph a:hover,
.wp-block-paragraph a:focus,
.wp-block-post-title a:hover,
.wp-block-post-title a:focus,
.widget a:hover,
.widget a:focus {
    text-decoration: underline !important;
    box-shadow: none !important;
}

/* Remove default underline from block links */
.wp-block-heading a,
.wp-block-paragraph a,
.wp-block-post-title a {
    text-decoration: none;
    box-shadow: none !important;
}

/* Custom colour for paragraph links */
.wp-block-paragraph a {
    color: #6666FF !important;
}


/* ============================================================
   9. ADMIN / LOGGED-IN USER ELEMENTS
   ============================================================ */

/* Hide edit links for logged-in users */
body.logged-in .edit-link {
    display: none !important;
}


/* ============================================================
   10. TERMINAL / CODE OUTPUT
   ============================================================ */

/* Preserve spacing and allow horizontal scrolling */
.terminal-text {
    white-space: pre;
    font-family: monospace;
    font-size: 14px;
    overflow-x: auto;
  
}

/* ============================================================
   11. FOOTER LAYOUT
   ============================================================ */

/* Search bar padding */
#block-13 .wp-block-search__inside-wrapper {
    padding-left: 20%;
}

.site-footer {
  background:#333;
}

/* The element itself */
#wp-block-search__input-2 {
    background: #555 !important;
}

/* ============================================================
   12. MOBILE STYLES
   ============================================================ */

@media (max-width: 768px) {

    /* Add separation below centred full-width images */
    figure.wp-block-image.aligncenter.size-full.no-border {
        border-bottom: 1px solid #777;
        padding-bottom: 60px;
        margin-bottom: 20px;
    }

    /* Style post cards on mobile */
    li.wp-block-post.post.has-post-thumbnail {
        /* border: 1px solid red !important; */
        background-color: #333;
        padding: 10px;
    }

    /* Remove column spacing on mobile */
    div.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
        gap: 10px !important;
    }
   
    .terminal-text {
        font-size:8px;   
    }

	.wp-block-accordion-panel pre,
	.wp-block-accordion-panel pre code {
    	    font-size: 8px !important;
	}
}

.entry-content p.white-heading a {
    color: #FFF !important;
}