/*
Theme Name: The Fox 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
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.ff-default .ff-el-form-control {
    background-clip: padding-box;
    background-image: none;
    border: 1px solid #11182754;
    border-radius: 12px;
    color: #111827;
    font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    line-height: 1;
    margin-bottom: 0;
    max-width: 100%;
    padding: 11px 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.fluentform .ff-el-input--label {
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    color: #111827;
}
.fluentform .ff_left {
    text-align: left;
    color: #111827;
}
.ff-hide {
    display: none !important;
}
.ff-custom {
    background-color: #fff !important;
    opacity: 1;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	border: 1px solid #11182721!important;
	    font-size: 15px;
}
.ff-default .ff-el-input--label label {
    display: inline-block;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: 0;
    font-size: 16px;
}
#main-toggle-menu .menu-title .toggle {
    padding: 9px 11px 10px 11px;
    background: transparent;
    border-radius: 5px;
    color: #fff;
}
.woocommerce-MyAccount-navigation-link--wishlist {
    display: none !important;
}
.foxws-latest-project__meta span {
    display: inline-flex;
    align-items: center;
    border-radius: 5px!important;
    padding: 1px 10px!important;
    color: #fff!important;
    font-size: 14px!important;
    font-weight: 600;
    background: #e83177!important;
}
body.logged-in .fox-success-btn[href*="/my-account/lost-password/"]{
	display:none !important;
}
.foxws-account-hero p {
    margin: 0;
    color: #4b5563;
    font-size: 15px!important;
    max-width: 760px;
}
.foxws-account-hero h2 {
    margin: 0 0 8px;
    font-size: 20px!important;
    line-height: 1.2;
    color: #111827;
}
.foxws-project-card__meta {
    padding: 12px 16px !important;
    border: 1px solid rgba(232, 49, 119, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(232, 49, 119, 0.04) !important;
    box-sizing: border-box !important;
	color: #000;
    font-weight: 600;
}
.foxws-latest-project small {
    display: block;
    margin-bottom: 5px;
    color: #1d4ed8;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 16px!important;
    letter-spacing: .05em;
}
@media (max-width: 991px) {
    .elementor-191 .elementor-element.elementor-element-0ad7656 {
        margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
        width: var(--container-widget-width, 130px);
        max-width: 130px!important;
        --container-widget-width: 100px;
        --container-widget-flex-grow: 0;
    }
}
@media (max-width: 767px) {
    .elementor-191 .elementor-element.elementor-element-0c4e07c {
        margin: 0px -4px calc(var(--kit-widget-spacing, 0px) + 0px) 0px!important;
    }
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 25%;
    padding: 0 10px 30px;
    display: none;
}
/* TOTAL INVESTMENT CARD - Lighter design */
.foxws-total-card {
	background: white;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 28px;
	display: flex;
	align-items: center;
	gap: 20px;
	transition: all 0.2s ease;
}

.foxws-total-card:hover {
	border-color: #bfdbfe;
	box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.total-card-icon {
	font-size: 44px;
	background: #f0f9ff;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 60px;
}

.total-card-content h3 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 4px;
	color: #6b7280;
	letter-spacing: 0.3px;
}

.total-card-value {
	font-size: 32px;
	font-weight: 500;
	margin: 4px 0;
	color: #111827;
}

.total-card-content p {
	font-size: 12px;
	color: #9ca3af;
	margin: 0;
}
#header {
    position: absolute;
    width: 103%;
    z-index: 100;
    background: rgba(10,14,39,.12) !important;

}

.hero-section {
    padding-top: 170px!important;
}
#header::before {
    content: '';
    position: absolute;
    width: 700px;
    height: 700px;
    top: -350px;
    left: -100px;

    background: radial-gradient(
        circle,
        rgba(124,58,237,.45) 0%,
        rgba(124,58,237,.25) 30%,
        rgba(124,58,237,.10) 50%,
        transparent 75%
    );

    filter: none;
    z-index: -1;
}
#header .logo img {
    display: none;
    color: transparent;
    max-width: 80%;
    transform-origin: left center;
}
@media not all, only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    #header .logo .retina-logo, #header.sticky-header .logo .sticky-retina-logo {
        display: inline-block;
        max-width: 133%;
    }
}