/*
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.0.8
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 {
    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.3rem !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 #15e002;
}
.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 {
        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;
    }
    footer #cdevroe-svg-logo path, footer #cdevroe-svg-logo rect {
        fill: #c8c8c8;
    }
    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;
    }
}