/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/* ===========================
   Modern Profile Header
=========================== */
{
.js-profile-header{
    display:flex;
    align-items:center;
    gap:25px;
    padding:30px;
    background:#ffffff;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    margin-bottom:30px;
}

.profile-avatar img{
    width:120px;
    height:120px;
    border-radius:50%;
    border:4px solid #eeeeee;
}

.profile-info h2{
    margin:0;
    font-size:30px;
    font-weight:700;
}

.profile-info p{
    color:#666;
    margin:10px 0 20px;
}

.profile-button{
    display:inline-block;
    background:#0d6efd;
    color:#fff !important;
    text-decoration:none;
    padding:12px 24px;
    border-radius:8px;
    font-weight:600;
}

.profile-button:hover{
    background:#0b5ed7;
}

@media(max-width:768px){

.js-profile-header{
    flex-direction:column;
    text-align:center;
}

}