/*
Theme Name: Hello Elementor Child
Theme URI: https://atumbio.com/
Description: Hello Elementor Child Theme for ATUM
Author: David Beja
Template: hello-elementor
Version: 1.0.0
*/

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

svg.atum-graph { font-family: "Boing", "Century Gothic", sans-serif !important; }

svg.atum-graph .axis:not(.z-axis) line, svg.atum-graph .axis:not(.z-axis) path { 
    stroke: #ccc; /* Light gray for better visibility */
    stroke-width: 1px !important; 
}

svg.atum-graph .axis text { 
    font-family: "Boing", "Century Gothic", sans-serif; 
    font-weight: 300; 
    font-size: 10px; 
    letter-spacing: .05rem; 
    fill: #ccc; /* Light gray for better visibility */
}

svg.atum-graph .axis-label text { 
    font-family: "Boing", "Century Gothic", sans-serif; 
    font-weight: 300; 
    font-size: 12px; 
    fill: #ccc; /* Light gray for better visibility */
    letter-spacing: .05rem; 
}

svg.atum-graph .legend { 
    fill: #ddd; /* Lighter gray to pop out on dark backgrounds */
    font-weight: 300; 
    font-size: 14px; 
}

svg.atum-graph .errBar { 
    stroke: #eee; /* Lighter gray to ensure visibility */
    stroke-width: 2.5; 
    stroke-linecap: round; 
    stroke-linejoin: round; 
}

svg.atum-graph .mouseTarget { 
    stroke: none; 
    fill: rgba(0, 0, 0, 0); 
}

svg.atum-graph.bar-chart g.bar-group { 
    opacity: 0.8; 
}

svg.atum-graph.bar-chart g.bar-group.active { 
    opacity: 1.0; 
}

svg.atum-graph.bar-chart text.star { 
    fill: #FF69B4; /* Bright pink for visibility */
}

svg.atum-graph.bar-chart text.cell { 
    font-size: 14px; 
    font-weight: 100; 
    fill: #ffffff; /* White for contrast */
}

svg.atum-graph.bar-chart .row-header text { 
    font-size: 14px; 
    font-weight: 400; 
    fill: #ccc; /* Light gray for readability */
}

svg.atum-graph.scatter-plot .dot { 
    stroke-width: 1.5; 
}

svg.atum-graph.scatter-plot .errBar { 
    stroke: #f1f1f1; /* Very light gray */
    stroke-width: 1.5; 
}

svg.atum-graph.bubble-chart .bubble { 
    fill-opacity: 0.5; 
}

svg.atum-graph.bubble-chart .bubble.active { 
    fill-opacity: 0.8; 
}

svg.atum-graph.line-chart .series path { 
    stroke-width: 3.0; 
    stroke-linecap: round; 
    stroke-linejoin: round; 
}

svg.atum-graph.gel-chart .band text { 
    fill: #FF69B4; /* Bright pink for visibility */
}

svg.atum-graph.gel-chart .band line { 
    stroke: #00BFFF; /* Bright blue for visibility */
    stroke-width: 1.5; 
    stroke-linecap: round; 
    stroke-linejoin: round; 
}

svg.atum-graph.gel-chart .ladder text { 
    font-size: 10px; 
    fill: #FF69B4; /* Bright pink for visibility */
}

svg.atum-graph.gel-diagram .label line { 
    stroke: #00BFFF; /* Bright blue for visibility */
}

svg.atum-graph.gel-diagram .highlight text { 
    fill: #FF69B4; /* Bright pink for visibility */
    font-weight: 400; 
}

svg.atum-graph.gel-diagram path.gel-arrow { 
    stroke: #FF69B4; /* Bright pink */
    fill: #FF69B4; /* Bright pink */
}

svg.atum-graph.glycan-diagram .edge, svg.atum-graph.glycan-diagram .bracket path { 
    stroke: #dcdcdc; /* Light gray */
    stroke-width: 1.5; 
    stroke-linecap: round; 
    stroke-linejoin: round; 
    fill: none; 
}

svg.atum-graph.glycan-diagram .node { 
    stroke-width: 0; 
}

svg.atum-graph.glycan-diagram .node .white { fill: white; }

svg.atum-graph.glycan-diagram .node .blue { fill: #00BFFF; }

svg.atum-graph.glycan-diagram .node .green { fill: #00FF00; }

svg.atum-graph.glycan-diagram .node .yellow { fill: #FFFF00; }

svg.atum-graph.glycan-diagram .node .light-blue { fill: #87CEFA; }

svg.atum-graph.glycan-diagram .node .pink { fill: #FFC0CB; }

svg.atum-graph.glycan-diagram .node .purple { fill: #DA70D6; }

svg.atum-graph.glycan-diagram .node .brown { fill: #D2B48C; }

svg.atum-graph.glycan-diagram .node .orange { fill: #FFA500; }

svg.atum-graph.glycan-diagram .node .red { fill: #FF4500; }

svg.atum-graph.trace-plot .trace { 
    stroke: #FF69B4; /* Bright pink */
    stroke-width: 2.5; 
    stroke-linecap: round; 
    stroke-linejoin: round; 
}

svg.atum-graph.trace-plot .trace.secondary-trace { 
    stroke: #00BFFF; /* Bright blue */
}

svg.atum-graph.trace-plot .trace.area-trace { 
    stroke-width: 1.5; 
    stroke: #f1f1f1; /* Very light gray */
}

svg.atum-graph.trace-plot .area { 
    stroke: none; 
    fill-opacity: 0.5; 
}

svg.atum-graph.trace-plot .control-dot { 
    fill: #dcdcdc; /* Light gray */
}

svg.atum-graph.trace-plot .control-curve { 
    stroke: #dcdcdc; /* Light gray */
    stroke-width: 2.5; 
    stroke-linecap: round; 
    stroke-linejoin: round; 
}

svg.atum-graph.trace-plot .peak-dot { 
    fill: #00BFFF; /* Bright blue */
}

svg.atum-graph.trace-plot .y-trace-axis-label { 
    fill: #FF69B4; /* Bright pink */
}

svg.atum-graph.trace-plot .y-peaks-axis-label { 
    fill: #00BFFF; /* Bright blue */
}

svg.atum-graph.trace-plot .ticks .tick line { 
    stroke: #FFFF00; /* Yellow for visibility */
    stroke-width: 2; 
    stroke-linecap: round; 
    stroke-linejoin: round; 
}

svg.atum-graph.trace-plot .ticks .tick circle { 
    fill: #FFFF00; /* Yellow */
}

svg.atum-graph.trace-plot .ticks .tick text { 
    fill: #ccc; /* Light gray for readability */
    font-size: 13px; 
    stroke: rgba(255, 255, 255, 0.7); 
    stroke-width: 2.5px; 
    paint-order: stroke; 
}

svg.atum-graph.trace-plot .fractions .fraction line { 
    stroke: #FFFF00; /* Yellow */
    stroke-width: 1; 
    stroke-linecap: round; 
    stroke-linejoin: round; 
}

svg.atum-graph.trace-plot .fractions .fraction text { 
    fill: #ccc; /* Light gray for readability */
    font-size: 8px; 
}

.graph-legend { 
    padding-top: 10px; 
    padding-left: 10px; 
    margin-left: 50px; 
    display: inline-block; 
    border: 1px solid #e2e2e2;
}

.graph-legend .ext-legend-item { 
    padding-right: 10px; 
    margin-bottom: .75rem; 
    font-family: "Boing", "Century Gothic", sans-serif; 
    font-weight: 300; 
    font-size: 10px; 
    color: #ccc; /* Light gray for visibility */
    letter-spacing: .05rem; 
    display: inline-block; 
}

.graph-legend .ext-legend-item svg { 
    margin: auto 0; 
}

.graph-legend .ext-legend-item-title { 
    margin-left: 1rem; 
}

.range-legend-label .ext-legend-item-title { 
    margin-top: -3px; 
    margin-left: 5px; 
}

.range-legend-range .ext-legend-item-title { 
    margin: auto; 
    margin-left: 10px; 
}

.graph-descriptor { 
    font-family: 'Merriweather Sans', sans-serif; 
    font-weight: 300; 
    font-size: 12; 
    line-height: 1.5; 
    color: white; /* Changed to white for visibility on dark backgrounds */
}

.pie-chart polyline.lines { 
    opacity: .3; 
    stroke: white; /* White for better visibility */
    stroke-width: 2px; 
    fill: none; 
}

.axis-label {
	fill: white;
}

.popover-title {
	font-size: 18px;
	font-weight: bold;
}