/*
Theme Name:   cdevroe 2024 child
Theme URI:    
Description:  Colin Devroe's personal child theme for Twenty Twenty Four.
Author:       Colin Devroe
Author URI:   https://cdevroe.com/
Template:     twentytwentyfour
Version:      1.1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  cdevroe
*/

header #cdevroe-svg-logo {
    width: 60px;
    margin-bottom: -15px;
}

header #cdevroe-svg-logo path, header #cdevroe-svg-logo rect {
    fill: #000;
}

footer #cdevroe-svg-logo, main #cdevroe-svg-logo {
    width: 20px;
    margin-bottom: -5px;
}

footer #cdevroe-svg-logo path, footer #cdevroe-svg-logo rect {
    fill: #000;
}

.single-portfolio .entry-content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 40px;
    row-gap: 100px;
    grid-template-rows: repeat(1fr);
}
.single-portfolio .entry-content figure {
    max-width: 240px;
    margin: 0px;
}

/* Larger width images for blog posts */
.single .cd-image-wide {
    position: relative;
    width: 85vw;
    min-width: 55vw;
}

.single .entry-content p, .single .entry-content ul li {
    font-size: 1.4rem !important;
}

.single .entry-content ul li {
    margin-bottom: 10px;
}

/* Post dates on portfolio items */
p.no-padding { margin-bottom: -20px; }

/* Link override */
main div.wp-block-post-content a:where(:not(.wp-element-button)):hover, body.portfolio-template-default main div:where(:not(.entry-content)) a:where(:not(.wp-element-button)):hover, .featured-posts h2 a:hover, body.blog h2 a:hover {
    text-decoration: none;
    border-bottom: 3px solid rgba(12, 51, 8,0.75);
}
figure a:hover {
    border-bottom: none !important;
}
.featured-posts h2 a, body.blog h2 a { /* Adding a transparent border to stop the page from jumping */
    border-bottom: 3px solid rgb(0,0,0,0);
}

main .wp-block-gallery a, .wp-block-gallery a:hover {
    border-bottom: none !important;
}

/* Hide all post content for the main blog */
/* .format-standard .entry-content { display: none; } */
.wp-block-post-excerpt__more-link {
    font-size: 0.8rem;
}

/* Header customizations */
body:where(:not(.home)) header, body:where(:not(.home)) p.site-title a {
    color: #c8c8c8;
    transition: color 1000ms linear;
}

body:where(:not(.home)) header:hover, body:where(:not(.home)) header:hover p.site-title a {
    color: #000;
    transition: color 1000ms linear;
}

body:where(:not(.home)) header #cdevroe-svg-logo path, body:where(:not(.home)) header #cdevroe-svg-logo rect {
    fill: #c8c8c8;
    transition: fill 1000ms linear;
}

body:where(:not(.home)) header:hover #cdevroe-svg-logo path, body:where(:not(.home)) header:hover #cdevroe-svg-logo rect {
    fill: #000;
    transition: fill 1000ms linear;
}

p.site-title a {
    text-decoration: none;
}

/* End Header Customizations */

/* Do not show featured images on asides */
body.single-format-aside figure.wp-block-post-featured-image {
    display: none;
}

/* Override Hubbub tools for Portfolio */
body.single-portfolio span#dpsp-post-content-markup {
    display: none;
}

.wp-block-quote {
    border-radius: 2px;
    font-size: inherit;
}

body.single h1 {
    text-wrap: balance;
}

/* Membership overrides or additions */
.swpm-text-field, .swpm-registration-form-section input {
    -webkit-appearance: initial;
    appearance: none;
    border: 1px solid #949494;
    flex-grow: 1;
    font-size: 16pt;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 8px;
    text-decoration: unset!important;
}

input.swpm-login-form-submit, button.swpm-registration-submit-button {
    font-size: 14pt;
    padding: 8px;
    border: 1px solid #949494;
}

.swpm-join-us-link {
    display: none;
}

/* Override for WordPress' autop behavior for shortcodes */
.dpsp-shortcode-wrapper br {
    display: none;
}
/* Centers the Hubbub share buttons created by the shortcode */
.dpsp-shortcode-wrapper { display: flex; justify-content: center; }
.dpsp-shortcode-wrapper ul.dpsp-networks-btns-wrapper { display: flex; }
.dpsp-shortcode-wrapper ul.dpsp-networks-btns-wrapper li { margin-right: 5px; }

#dpsp-content-bottom {
    display: none;
}

.cdevroe-modified-date-group:not(.cdevroe-modified-date-group:has(time)) {
    display: none;
  }

/* Mobile */
@media screen and (max-width: 1000px) {
    .single-portfolio .entry-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 20px;
    }
}

@media screen and (max-width: 480px) {
    .single-portfolio .entry-content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .single-portfolio .entry-content figure {
        max-width: 100%;
    }

    #greeting p {
        font-size: 1.3rem !important;
    }

    .home .wp-block-post-date {
        text-align: left;
    }
    
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #1e1e1e !important;
        color: #a4a3a3 !important;
    }
    header #cdevroe-svg-logo path, header #cdevroe-svg-logo rect, footer #cdevroe-svg-logo path, footer #cdevroe-svg-logo rect {
        fill: #c8c8c8;
    }
    body:where(:not(.home)) header, body:where(:not(.home)) p.site-title a {
        transition: none;
    }
    body:where(:not(.home)) header:hover, body:where(:not(.home)) header:hover p.site-title a {
        color: #c8c8c8;
        transition: none;
    }
    body:where(:not(.home)) header #cdevroe-svg-logo path, body:where(:not(.home)) header #cdevroe-svg-logo rect {
        transition: none;
    }
    body:where(:not(.home)) header:hover #cdevroe-svg-logo path, body:where(:not(.home)) header:hover #cdevroe-svg-logo rect {
        fill: #c8c8c8;
        transition: none;
    }
    main #cdevroe-svg-logo path, main #cdevroe-svg-logo rect {
        fill: #dadada;
    }
    h1, h2, h3, h4, h5 {
        color:#dadada;  
    }
    a {
        color: #dadada;
    }
    .wp-block-quote {
        background-color: #454545;
        color: #dadada;
    }
    header div.header-group {
        background-color: #454545 !important;
        color: #dadada !important;
    }
    footer > div {
        background-color: #454545 !important;
        color: #dadada !important;
    }
    footer a {
        color: #dadada !important;
    }
    footer p.footer-bio {
        color: #a4a3a3 !important;
    }

    .wp-block-post-comments-form .comment-form textarea, .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
        background: #454545;
        color: #dadada;
    }

    .wp-block-comment-author-name, .wp-block-comment-author-name a {
        color: #dadada;
    }

    .blog-sidebar a {
        color: #dadada;
    }

    .wp-block-search__input {
        background: #454545;
        color: #dadada;
    }
    /* Hubbub Pro Share Buttons */
    .dpsp-size-small .dpsp-networks-btns-wrapper:not(.dpsp-networks-btns-sidebar):not(.dpsp-networks-btns-sticky-bar) .dpsp-network-btn .dpsp-network-icon-inner>svg {
        fill: #000 !important;
    }

    main div.wp-block-post-content a:where(:not(.wp-element-button)):hover, body.portfolio-template-default main div:where(:not(.entry-content)) a:where(:not(.wp-element-button)):hover, .featured-posts h2 a:hover, body.blog h2 a:hover {
        border-bottom: 3px solid rgba(36, 146, 23, 0.75);
    }
}