.elementor-11083 .elementor-element.elementor-element-f8dce49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-11083 .elementor-element.elementor-element-d170694{width:100%;max-width:100%;}.elementor-11083 .elementor-element.elementor-element-d170694.elementor-element{--align-self:center;}@media(max-width:1366px){.elementor-11083 .elementor-element.elementor-element-f8dce49{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-11083 .elementor-element.elementor-element-d170694{width:100%;max-width:100%;}}@media(min-width:651px){.elementor-11083 .elementor-element.elementor-element-f8dce49{--content-width:650px;}}@media(max-width:1366px) and (min-width:651px){.elementor-11083 .elementor-element.elementor-element-f8dce49{--content-width:650px;}}@media(max-width:1200px) and (min-width:651px){.elementor-11083 .elementor-element.elementor-element-f8dce49{--content-width:650px;}}@media(max-width:1024px) and (min-width:651px){.elementor-11083 .elementor-element.elementor-element-f8dce49{--content-width:500px;}}@media(max-width:880px) and (min-width:651px){.elementor-11083 .elementor-element.elementor-element-f8dce49{--content-width:95vw;}}@media(max-width:650px){.elementor-11083 .elementor-element.elementor-element-f8dce49{--content-width:95vw;}}/* Start custom CSS for wp-widget-uwp_profile_header, class: .elementor-element-d170694 *//* Stack image and name vertically on all devices */
.elementor-11083 .elementor-element.elementor-element-d170694 .row.justify-content-center {
    flex-direction: column !important;
    align-items: center !important;
}

.elementor-11083 .elementor-element.elementor-element-d170694 .col-12.col-xl-6 {
    text-align: center !important;
    text-align-last: center !important;
}

/* Hide the Place count badge nav */
.elementor-11083 .elementor-element.elementor-element-d170694 .navbar {
    display: none !important;
}
.elementor-11083 .elementor-element.elementor-element-d170694 .rounded-circle {
    width: 250px !important;
    object-fit: cover !important;
    margin-bottom: 15px !important;
}

@media (max-width: 767px) {
    .elementor-11083 .elementor-element.elementor-element-d170694 .rounded-circle {
        width: 200px !important;
        
    }
}/* End custom CSS */
/* Start custom CSS for wp-widget-uwp_user_meta, class: .elementor-element-ee7a16a */.elementor-11083 .elementor-element.elementor-element-ee7a16a * {
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
    font-weight: 100 !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-uwp_user_meta, class: .elementor-element-e3e0ace *//* 1. Hide the parent container text (the label) */
.elementor-11083 .elementor-element.elementor-element-e3e0ace .uwp-user-meta {
    font-size: 0 !important;
    color: transparent !important;
    text-align: center; /* Centering the button container */
}

/* 2. Re-enable the link container */
.elementor-11083 .elementor-element.elementor-element-e3e0ace .uwp-user-meta-value {
    display: inline-block;
    margin-bottom: 0; /* Removing bottom margin from the container */
}

/* 3. Style the Link as the Button (FORCED COLOR) */
.elementor-11083 .elementor-element.elementor-element-e3e0ace .uwp-user-meta-value a {
    background-color: #1e73be !important; /* Replace with your specific Hex code */
    /* ... keep your other settings like padding and border-radius ... */
    font-size: 0 !important; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    padding: 10px 24px;
    border-radius: 5px;
    text-decoration: none !important;
    font-weight: 600;
    transition: all 0.3s ease;
    line-height: 1;
}

/* 4. Inject and center the Button Text */
.elementor-11083 .elementor-element.elementor-element-e3e0ace .uwp-user-meta-value a::before {
    content: "View My Portfolio";
    font-size: 18px !important; /* Matches standard button text size */
    color: #ffffff !important;
    display: inline-block;
    vertical-align: middle;
}

/* 5. Hover state (FORCED COLOR) */
.elementor-11083 .elementor-element.elementor-element-e3e0ace .uwp-user-meta-value a:hover {
    background-color: #18779a !important; /* A slightly darker version for hover */
    transform: translateY(-1px);
}

/* 6. Clean up widget spacing */
.elementor-11083 .elementor-element.elementor-element-e3e0ace .uwp-user-meta-item {
    margin-bottom: 5px !important; /* Tightens the gap at the bottom of the widget */
}/* End custom CSS */