/*!/wp-content/themes/flatsome-child/css/goldprice-style.css*//* goldprice-style.css */ 
 

.goldprice-wrapper * { box-sizing: border-box;  } 
.goldprice-wrapper { max-width: 720px; margin: auto; } 
.goldprice-wrapper .odometer { display: inline-block; white-space: nowrap; line-height: 1; overflow: hidden; color:gold; } 
.goldprice-wrapper .odometer span, .goldprice-wrapper .odometer-digit, .goldprice-wrapper .odometer-formatting-mark, .goldprice-wrapper .odometer-ribbon, .goldprice-wrapper .odometer-ribbon-inner { display: inline-block !important; white-space: nowrap !important; line-height: 1 !important; float: none !important; vertical-align: baseline !important; } 
 
.goldprice-wrapper #buypricechg-icon.fa-angle-double-up { color: #62d53b !important; } 
.goldprice-wrapper #buypricechg-icon.fa-angle-double-down { color: #FF3D38 !important; } 
.goldprice-wrapper #buypricechg-icon { color: #62d53b; } 
.goldprice-wrapper .price.odometer.up { color: #62d53b; } 
.goldprice-wrapper .price.odometer.down { color: #FF3D38; } 

.goldprice-wrapper .gp-content { 
	border: 1px solid rgba(255, 255, 255, 0.1); 
	border-radius: 12px; 
	overflow: hidden; 
	font-size: 10px; 
	backdrop-filter: 
	blur(10px); 
	-webkit-backdrop-filter: blur(8px);
} 

.goldprice-wrapper .gp-head { text-align: center; background: linear-gradient(135deg, rgba(218, 165, 32, 0.6), rgba(218, 165, 32, 0.0)); padding: 1em; backdrop-filter: blur(5px); } 
.goldprice-wrapper .gp-header { font-size: 2.5em; color: #ff812d; font-weight: bold; margin: 0; } 
.goldprice-wrapper .gp-date { color: white; font-size: 1em; text-align:right; margin-bottom:0.2em; } 

.goldprice-wrapper .gp-body1 { background: linear-gradient(145deg, rgba(189, 34, 13, 1.0), rgba(139, 0, 0, 0.5)); color: #fff; display: grid; grid-template-columns: 1fr 2fr; gap: 1em; padding: 1em; } 

.goldprice-wrapper .gp-col-left { text-align: right; border-right: 1px solid rgba(255, 255, 255, 0.2); 	padding-right: 1em; } 
.goldprice-wrapper .gp-body1 .price { font-size: 2em; font-weight: bold; color: #FFD700; } 
.goldprice-wrapper .gp-body1 .accent2 { color: #fff; } 

.goldprice-wrapper .gp-col-right { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 0.5em; } 
.goldprice-wrapper .gp-subcol { display: flex; flex-direction: column; align-items: flex-end; min-width: 120px; } 
.goldprice-wrapper .gp-subcol .price-label { margin: 0; color: #fff; text-align: right; padding-right:10px; } 
.goldprice-wrapper .gp-subcol .accent2 { color: #fff; } 

@media (max-width: 600px) { .goldprice-wrapper .gp-col-right { flex-direction: column; gap: 0.5em; } } 
 
.goldprice-wrapper .gp-body2 { 
	display: flex; 
	justify-content: space-between; 
	text-align: center; 
	gap: 10px;
} 
.goldprice-wrapper .gp-body2 h4 { color: #ffffff !important; margin-bottom: 2px; font-weight: bold; } 
.goldprice-wrapper .gp-col { flex: 1; } 
.goldprice-wrapper em { font-size:12px;text-align:right;margin-top: 10px;display: block;color: #ffffff !important; } 
.goldprice-wrapper .gp-inline { display: inline-flex; gap: 6px; font-size: 1.2em; align-items: center; justify-content: center; flex-wrap: nowrap; } 

.goldprice-wrapper 
.gp-info h4 { margin-bottom: 0.3em; font-size: 1em; color: #333; } 
.goldprice-wrapper .gp-info .price-small { display: block; font-size: 1.2em; } 
.goldprice-wrapper .up { color: #62d53b; } 
.goldprice-wrapper 
.down { color: #FF3D38; } 
.goldprice-wrapper .price-small.up::before { content: '+'; } 
.goldprice-wrapper .price-small.down::before { content: '('; } 
.goldprice-wrapper .price-small.down::after { content: ')'; }


.goldprice-wrapper .gp-gold2{
    background:linear-gradient(
        145deg,
        rgba(98,213,59,1.4),
        rgba(98,213,59,.10)
    );
    border:1px solid rgba(98,213,59,.35);
}

.goldprice-wrapper .gp-gold2-title{
    text-align:center;
    color:#9cff7d;
	font-size:22px;
	font-weight:bold;
}

.goldprice-wrapper .gp-gold2-row{
    display:flex;
    gap:10px;
}

.goldprice-wrapper .gp-gold2-col{
    flex:1;
    text-align:center;
}

.goldprice-wrapper .gp-gold2-col span{
    display:block;
    color:#ddd;
    font-size:12px;
}

.goldprice-wrapper .gp-gold2-col strong{
    display:block;
    margin-top:4px;
    font-size:22px;
    font-weight:bold;
    color:#FFD700;
}