/*
Theme Name: Dan Vollink
Theme URI: https://danvollink.com
Description: Dan's Website
Author: Joe Preston
Author URI: https://heresjoe.com
Template: twentytwentyfour
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour-child
*/

/* ================================================
   PROFILE LAYOUT STYLES
   ================================================ */

.profile-cover-photo {
    position: relative;
}

.profile-info-wrapper {
    position: relative;
    border-top: 1px solid #e4e6eb;
}

.profile-picture-column {
    position: relative;
    margin-top: -84px !important;
}

.profile-picture img {
    border: 4px solid #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    display: block;
}

/* ================================================
   CONSISTENT MAX WIDTH
   ================================================ */

.wp-block-post-content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-post-content > * {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-post-content > .alignfull,
.wp-block-post-content .profile-header-container {
    max-width: none;
}

.wp-block-group.has-global-padding {
    padding-left: 20px;
    padding-right: 20px;
}

/* ================================================
   MOBILE RESPONSIVE
   ================================================ */

@media (max-width: 781px) {
    .profile-cover-photo {
        min-height: 250px !important;
    }
    
    .profile-picture-column {
        margin-top: -60px !important;
        flex-basis: 100% !important;
        text-align: center;
    }
    
    .profile-picture img {
        width: 120px !important;
        height: 120px !important;
        margin: 0 auto;
    }
    
    .profile-details-column {
        text-align: center;
        flex-basis: 100% !important;
    }
    
    .profile-details-column h1 {
        font-size: 24px !important;
    }
}

/* ================================================
   YOUR CUSTOM STYLES BELOW
   ================================================ */