.elementor-3914 .elementor-element.elementor-element-bfff6d2{--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;--margin-top:-43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3914 .elementor-element.elementor-element-7a8766b{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-3914 .elementor-element.elementor-element-7a8766b:not(.elementor-motion-effects-element-type-background), .elementor-3914 .elementor-element.elementor-element-7a8766b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-3914 .elementor-element.elementor-element-b7e7ebc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3914 .elementor-element.elementor-element-b7e7ebc{text-align:center;}.elementor-3914 .elementor-element.elementor-element-b7e7ebc .elementor-heading-title{font-family:"Grandis Extended", Sans-serif;font-size:36px;font-weight:900;text-transform:uppercase;letter-spacing:0.5px;color:var( --e-global-color-astglobalcolor1 );}.elementor-3914 .elementor-element.elementor-element-32406a07{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3914 .elementor-element.elementor-element-32406a07:not(.elementor-motion-effects-element-type-background), .elementor-3914 .elementor-element.elementor-element-32406a07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3914 .elementor-element.elementor-element-bf9d0b3{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3914 .elementor-element.elementor-element-bf9d0b3:not(.elementor-motion-effects-element-type-background), .elementor-3914 .elementor-element.elementor-element-bf9d0b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}@media(min-width:768px){.elementor-3914 .elementor-element.elementor-element-bfff6d2{--content-width:1200px;}.elementor-3914 .elementor-element.elementor-element-32406a07{--content-width:1200px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-bf9d0b3 *//* ================================
   Pinnacle Peptide Labs - SliceWP Dashboard Skin
   ================================ */

/* 1. Base dashboard area */
.slicewp-dashboard {
    font-family: inherit;
    color: #111111;
}

/* Section title (Affiliate Account) */
.slicewp-dashboard-title,
.slicewp-dashboard h1,
.slicewp-dashboard h2 {
    font-family: inherit;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* 2. Top navigation tabs (Dashboard / Affiliate Links / Commissions, etc.) */
.slicewp-dashboard-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.slicewp-dashboard-navigation a,
.slicewp-dashboard-navigation button {
    position: relative;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    background: transparent;
    color: #4b5563; /* dark grey for inactive */
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

/* Active tab */
.slicewp-dashboard-navigation .slicewp-active,
.slicewp-dashboard-navigation a[aria-current="page"],
.slicewp-dashboard-navigation button[aria-current="page"] {
    background: #16ACD8;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(22, 172, 216, 0.35);
}

/* Hover state */
.slicewp-dashboard-navigation a:hover,
.slicewp-dashboard-navigation button:hover {
    color: #111111;
    background: rgba(22, 172, 216, 0.08);
}

/* 3. KPI cards (Visits / Commissions / Earnings, etc.) */
.slicewp-card,
.slicewp-dashboard-card,
.slicewp-dashboard .card {
    border-radius: 16px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}

/* Card header text */
.slicewp-dashboard .card-title,
.slicewp-dashboard-card h3,
.slicewp-dashboard-card-header {
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 6px;
}

/* Card key numbers (like $0.00) */
.slicewp-dashboard .card-value,
.slicewp-dashboard .card-amount,
.slicewp-dashboard .card-number {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
}

/* "View all commissions" links in cards */
.slicewp-dashboard .card-footer a {
    font-size: 12px;
    font-weight: 500;
    color: #16ACD8;
    text-decoration: none;
}

.slicewp-dashboard .card-footer a:hover {
    text-decoration: underline;
}

/* 4. Charts / legend */
.slicewp-dashboard .chart-container {
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

/* Chart legend text */
.slicewp-dashboard .chart-legend span {
    font-size: 12px;
    color: #4b5563;
}

/* 5. "All time / Program details" boxes */
.slicewp-dashboard .stats-grid,
.slicewp-dashboard .program-details {
    gap: 16px;
}

/* Generic stat box style */
.slicewp-dashboard .stats-grid > div,
.slicewp-dashboard .program-details > div {
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    padding: 16px 18px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10);
}

/* Stat labels */
.slicewp-dashboard .stats-grid > div span,
.slicewp-dashboard .program-details > div span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
}

/* Stat values */
.slicewp-dashboard .stats-grid > div strong,
.slicewp-dashboard .program-details > div strong {
    display: block;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #111827;
}

/* 6. Buttons (if SliceWP uses its own) */
.slicewp-button,
.slicewp-dashboard button.button,
.slicewp-dashboard .button-primary {
    background: #16ACD8 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    padding: 10px 22px !important;
    border: none !important;
    box-shadow: 0 10px 26px rgba(22, 172, 216, 0.45) !important;
}

.slicewp-button:hover,
.slicewp-dashboard button.button:hover,
.slicewp-dashboard .button-primary:hover {
    background: #0f8fb4 !important;
    transform: translateY(-1px);
}

/* 7. Small typography cleanup */
.slicewp-dashboard p,
.slicewp-dashboard li {
    font-size: 13px;
    line-height: 1.6;
    color: #4b5563;
}

/* 8. Mobile adjustments */
@media (max-width: 768px) {

    .slicewp-dashboard-navigation {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 6px;
    }

    .slicewp-dashboard-navigation a,
    .slicewp-dashboard-navigation button {
        white-space: nowrap;
    }

    .slicewp-dashboard .stats-grid,
    .slicewp-dashboard .program-details {
        display: grid;
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Grandis Extended';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Regular.eot');
	src: url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Regular.woff2') format('woff2'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Regular-1.woff') format('woff'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Regular-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Grandis Extended';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Bold.eot');
	src: url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Bold.woff2') format('woff2'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Bold.woff') format('woff'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Grandis Extended';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Black.eot');
	src: url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Black.eot?#iefix') format('embedded-opentype'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Black.woff2') format('woff2'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Black.woff') format('woff'),
		url('https://pinnaclepeptidelabs.com/wp-content/uploads/2025/11/GrandisExtended-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */