/* inline-a1997059 */
ul.wc-block-grid__products li.wc-block-grid__product, ul.wc-block-grid__products li.product, ul.products li.wc-block-grid__product, ul.products li.product {
    border-color: #bebebe !important;
}
	
	ul.wc-block-grid__products li.wc-block-grid__product, ul.wc-block-grid__products li.product, ul.products li.wc-block-grid__product, ul.products li.product {
    padding: 30px !important;
}

/* inline-2fe4396d */
body.page-id-6017 .site-header,
    body.page-id-6476 .site-header {
        display: none;
    }
    .page-id-6017 .post-thumbnail,
    .page-id-6476 .post-thumbnail {
        display: none;
    }
    .page-id-6017 .entry-title,
    .page-id-6476 .entry-title {
        display: none;
    }
    .wcpt-button {
        background: black !important;
        color: white !important;
    }
	.wcpt-cart-widget {
		border-radius:2px !important;
    }
	.wcpt-cart-widget a.wcpt-cw-half:last-child {
		width: 25% !important;
	}
	.wcpt-cart-widget .wcpt-cw-half {
		width: 64% !important;
		border-right: 1px solid white !important;
	}
	.wcpt-cw-separator:after {
		opacity: 1.0 !important;
        width: 1px !important;
	}
	.wcpt-cw-cart-icon {
		display: none !important;
	}
	#wcpt-87842963 .wcpt-1709325460838 {
		width:100%;
	}

/* inline-855bebe1 */
.buttonhs {
	padding-bottom: 0px !important;
	padding-top: 3px !important;
	background: #eee !important;
	color: #fff !important;
	text-align: center !important;
}

/* inline-93a6273d */
.footerhs {
    display: inline-flex;
    background: rgba(19,101,153,1);
    border-radius: 4px;
    width: 69px;
    height: 40px;
    border-style: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 0px !important;
    vertical-align: middle;
}
		.blockquotehs {
	margin-left: 20px;
	max-width:95%;
}
		.footer-widgets {
	/* border-top: 36px solid #f5f5f5; */
}
		.topbarhs {
	display: inline-flex;
	background: rgba(19,101,153,1);
	border-radius: 4px;
	width: 53px;
	height: 32px;
	border-style: none;
	overflow: hidden;
	position: relative;
	margin-bottom: 0px !important;
	vertical-align: middle;
	margin-right: -5px;
}
	
		.pagehs {
	filter: drop-shadow(0px 0px 20px #ddd);
	}
	
		.wp-block-separator h2  {
    margin-bottom: 64px !important;
    margin-top: 50px !important;
	border-bottom: none !important;
    border-color: #ddd;
    border: 1px;
}
		.wp-block-separator  {
	border-bottom: none !important;
    border-color: #ddd;
    border: 1px;
}
		.wp-block-media-text__media {
	margin-top: 32px !important;
	}
	
	
	/* REMOVES header text from page.*/
	
		.entry-header {
    display: none !important;
	}
		.content-wrapper {
    margin-top: 0px !important;
	}
	
	/* wire transfer cover image on receiving payments page
	.wp-image-1090 {
		max-width: 210px !important;
	}
	*/
	
	h1,h2,h3 {
		font-weight: 300;
	}
		.woocommerce-page-header {
	padding-top: 36px;
	}
	/* Uphold Checkout Option*/
		.upholdhs {
	background-color: rgb(74 177 87);
	color: white;
    border-radius: 5px;
    font-size: 23px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0px;
    border: none !important;
    padding-right: 23px;
	}
		.upholdhs1 {
	float: left;
    margin-right: 4px;
    width: 36px !important;
    vertical-align: middle;
	}
	.hup {
	position: relative !important;
    top: 12px !important;
	padding-top: 6px !important;
	border-top: none !important;
	}
	.woocommerce-info, .woocommerce-message {
	margin-top: 12px !important;
    margin-bottom: 12px !important;
	}
	.woocommerce-message,.woocommerce-info {
		border-left:4px solid;
	/* background-color: pink;
	color: red !important; */
	}
	.woocommerce-error{border-left: 6px solid red;}
	 .site-header {
	margin-bottom: 12px !important;
	}
	.wp-block-cover{
	margin-top: -12px !important;}

/* inline-5fbff8a3 */
/* Copyright APP Milestones @media 
	@media (max-width:629px) {
    img#nogoog {
      display: none;
    }
  }
	*/
/* #primary-menu margins @media */
@media (max-width:1332px) {
    .main-navigation li {
        margin-right: 14px !important;
    }
  }
	 @media (max-width:1223px) {
    .main-navigation li {
        margin-right: 10px !important;
    }
  }
	  @media (max-width:1150px) {
    .main-navigation li {
        margin-right: 8px !important;
    }
  }
	.nomarg {margin-top:10px;}

/* inline-b94ab412 */
.cover-h {
		margin-left:-15px !important;
		margin-right:-15px !important;
        margin-bottom: 25px;
    }
		<style media="screen">
    
      .callouts {
        position: relative;
        overflow: hidden;
        margin-left: calc(50% - 50vw);
        max-width: 100vw;
        width: 100vw;
      }
    
      .video-player-hs {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        overflow: hidden;
      }
    
      .vh-75 {
        height: calc(100vh - 140px);
        margin-left: calc(50% - 50vw);
        max-width: 100vw;
        width: 100vw;
      }
    
      .dt {
        display: table;
      }

    .callout-content {
        position: relative;
        text-align: center;
        margin: 50px auto;
        color: #FFF;
    }
    .center {
        margin-right: auto;
        margin-left: auto;
    }
	.has-drop-cap .strong {
		    text-transform: lowercase !important;
	}
	#coverback-h {}
	.woocommerce-sorting-wrapper {
		margin-bottom: 12px !important;
		padding-bottom: 12px !important;
		padding-top: 24px !important;
		border-bottom: none !important;
	}
	.woocommerce-page-header {
		padding-top:0px !important;
	}

/* inline-dc73f223 */
.nonono {
	display:none;	
	}
	.button.product_type_simple {
		display:none;
	}
	#place_order {font-size:24px !important; margin-top:12px; margin-bottom:32px;height:80px;letter-spacing: 0px;padding:40px;}
	.woocommerce-shipping-destination {text-transform: uppercase;font-size: 13px; font-size: .8125rem;letter-spacing: 1px;}

	#hodapps {
    display: inline-block;
    color: black;
    background: #ffffff;
    font-size: 11px;
    width: 82px;
    height: 43px;
    border-radius: 6px 6px 6px 6px;
    text-align: center;
    vertical-align: unset;
    padding-top: 8.5px;
    font-weight: 400;
    margin-bottom: 6px;
    margin-right: 6px;
    letter-spacing: -.5px;
    line-height: 12px;
    border-left: 5px solid #000000;
}
/*https://www.ausecure.com/wp-admin/themes.php*/
	.writeticker {
	padding: 3px;
    border-radius: 4px;
    font-weight: bold;
	}
	.payment_box p:last-of-type {
		margin-top:16px;
	}

/* inline-e00477e5 */
/* Border overwrites on Cart and Checkout */	
    .woocommerce-cart div.cart_totals table tr.order-total th {
    border-bottom: 1px solid !important;}
	.woocommerce-cart tbody tr:not(.woocommerce-cart-form__cart-item) td {
    border-bottom: 1px solid #dfdfdf !important;}
	.woocommerce-cart .cart_totals tr {
 	border-bottom: 1px solid #dfdfdf !important;}
	.woocommerce-cart .cart_totals tr:last-of-type {
    border-bottom: 1px solid #dfdfdf !important;}
    .woocommerce-cart div.cart_totals table tr.order-total th {
	border-bottom: 1px solid #dfdfdf !important;}
	.per-gateway {line-height: 16px !important; max-width: 400px; margin-top: 5px; min-width: 100%; text-transform: uppercase; font-size: 13px; font-size: .8125rem; letter-spacing: 1px; width: calc(150% - 27px);}
	.per-gateway,.header {padding-bottom:5px !important;}
	@media screen and (min-width: 1px){table.shop_table_responsive tbody th{display:table-cell}table.shop_table_responsive tr th,table.shop_table_responsive tr td{text-align:left;word-break: normal;}table.shop_table_responsive tr td{display:table-cell}table.shop_table_responsive tr td::before{display:none}}
	 .woocommerce-shipping-destination {font-style:bold !important;}
	.woocommerce-cart-form__cart-item .product-name {line-height: 1.25; padding-right:2px !important;}
	@media (max-width: 400px) {table.woocommerce-cart-form__contents tr.cart_item td.product-name {font-size:14px;-ms-flex: 0 0 calc(60% - 30px);flex: 0 0 calc(60% - 30px);}}
	@media (max-width: 400px) {table.woocommerce-cart-form__contents tr.cart_item td.product-price {font-size:14px;-ms-flex: 0 0 calc(40% - 30px);flex: 0 0 calc(40% - 30px);}}
	.wc-proceed-to-checkout {padding-bottom: 20px;}
	.woocommerce-checkout .woocommerce-form-login {padding: 20px; margin-top: 10px; border: 1px solid #eaeaea; background: #f5f5f5;}
	.hup img {max-width:500px !important; display:block;width: -webkit-fill-available;}
	.woocommerce-form-login-toggle {margin-bottom: 6px;}
	@media (max-width: 500px) {.hup img {max-width:100% !important; display:block;}}
	@media (max-width: 324px) {body {min-width:323px;}}
	.woocommerce-checkout p {margin-bottom: 14px !important;}
	.woocommerce-checkout .woocommerce-form-login {background: #ffffff !important; max-width: 628px !important;}

/* inline-97f2186a */
/* Checkout Loader */
.blockUI.blockOverlay {
background-image:url('https:www.ausecure.com/wp-content/uploads/2022/09/loading.gif') !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
position: fixed !important;
}
.processing .blockOverlay {
background-image:url('/wp-content/uploads/2022/09/loading.gif') !important;
background-position: center 30% !important;
background-repeat: no-repeat !important;
}
/* Checkout page processing spinner */
.woocommerce-checkout.processing .blockUI.blockOverlay {
background-image:url('/wp-content/uploads/2022/09/loading.gif') !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
position: fixed !important;
}

/* inline-4ff0b327 */
/* Orders Page */
	.shop_table.order_details tbody .woocommerce-orders-table__cell .button, .shop_table.woocommerce-MyAccount-orders tbody .woocommerce-orders-table__cell .button {margin: 3px !important; font-size: 14px !important; letter-spacing: -.5px !important; max-width: fit-content !important;     background: transparent;
    color: black !important;
    border: none !important;
    padding: 8px !important;
    display: table-cell;
	width: 33% !important;}
	.shop_table.order_details, .shop_table.woocommerce-MyAccount-orders {background:white !important;}
	.shop_table {max-width: 747px; text-align: center;}
	#wps_order_msg_submit {background: #000 !important; border: 1px solid #000 !important;}
	 .woocommerce .woocommerce-MyAccount-navigation ul .is-active a {background:none !important; font-weight: 700 !important; color: #000 !important;}
	.woocommerce .woocommerce-MyAccount-navigation {margin-top: 15px !important;}
	.woocommerce-account.logged-in .entry-content>.woocommerce .woocommerce-MyAccount-navigation ul a {border-bottom: none !important;}
	.woocommerce-account.logged-in .entry-content>.woocommerce .woocommerce-MyAccount-navigation ul {border: 1px solid rgba(33,33,33,.1)!important;       padding: 24px !important;
    min-width: 200px;}
	.woocommerce-MyAccount-navigation-link--customer-logout {/* margin-bottom: 32px !important; */}
	.shop_table.woocommerce-MyAccount-orders tbody tr td {text-align: center !important;}
	.dashboard-design {padding: 32px; background-color: #f8f8f8;}
}}

/* inline-013d595d */
/* sign up button */
.button.header-item, .woocommerce-button.button.woocommerce-form-login__submit.wp-element-button, .woocommerce-Button.woocommerce-button.button.wp-element-button.woocommerce-form-register__submit, .wp-block-button__link, .button.wp-element-button {
    letter-spacing: 0px;
    text-transform: capitalize !important;
	font-size: 16px !important;
    font-weight: 600;
}
	 /* lock */
.button.header-item::before,
.woocommerce-button.button.woocommerce-form-login__submit.wp-element-button::before,
.woocommerce-Button.woocommerce-button.button.wp-element-button.woocommerce-form-register__submit::before,
.button.wp-element-button::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f023'; /* Unicode for fa-lock */
    padding-right: 8px;
    /* Additional styling if needed */
}
	  /* lock for my-account */
	 .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f023'; /* Unicode for fa-lock */
    padding-right: 8px;
    /* Additional styling if needed */
}
	  /* lock for signuphod button */	 
	 .signuphod { font-family: 'Font Awesome 5 Free';
    content: '\f023'; /* Unicode for fa-lock */
    padding-right: 8px;
}

.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    /* Your existing styles */
}


/* mostly add to cart buttons */
.woocommerce-button.button.wp-element-button, .woocommerce-Button.woocommerce-button.button.wp-element-button, .wp-block-button__link, .button.wp-element-button {
	padding: 12px 15% !important;
}
/* rhodium category description */
.term-description p {
    display: inline !important;
}
/* cart coupon, update cart padding */
.woocommerce-cart .woocommerce-cart-form .actions {
    padding-bottom: 18px;
}
/* key button styling */
.button.header-item:hover, #shop-all:hover, .checkout-button:hover, #place_order:hover,.woocommerce-Button.woocommerce-button.button.wp-element-button.woocommerce-form-register__submit:hover, .woocommerce-button.button.woocommerce-form-login__submit.wp-element-button:hover, .pumcloser:hover {
    animation: shake 1s;
    animation-iteration-count: .5s;
}

@keyframes shake {
    0% { transform: translate(0px, -3px) rotate(0deg); }
}
.button.header-item, #shop-all, .checkout-button, #place_order {
    font-weight: 600 !important;
}
/* logged-in user doesnt need this */
.logged-in.button.header-item {
	display: none !important;
}

/* inline-7ec16a46 */
.logged-in .button.header-item {
display: none;
}
@media (min-width: 768px) {
    /* Hide the 'All Metals' menu item on non-mobile screens (larger than 768px) */
    .hidemenyoo {
        display: none;
    }
}
	
@media screen and (max-width: 783px) {
    a.button.header-item {
    font-size: 14px !important;
    display: block !important;
    padding: 10px 8px !important;
    min-width: 90px !important;

    }

    a.button.header-item::before { /* Assuming you have a Font Awesome icon you want to keep visible */
        font-size: 14px !important; /* Adjust as needed for the icon */
		padding-right:4px !important;
    }
}

@media screen and (max-width: 600px) {
    .header-item.wc-account-link {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .header-item.wc-account-link,
    #site-header-cart.site-header-cart.header-item.mini-cart-has-no-scroll {
        display: none;
    }
}

	   .mobile-header-item .button.header-item {
		width: 100% !important;
		text-align: -webkit-center;
		font-size: 18px !important;
		padding-top: 20px !important;
		height: 64px !important;
		margin-bottom: 10px !important;
	}
	
	.mobile-header-item {
		margin-bottom: 24px !important;
	}
	.menu-003-container {
		padding-left: 12px !important;
	}
	
	.woocommerce-orders-table__row {
		line-height: 1 !important;
	}
	.woocommerce-orders-table {
		padding-left: 0 !important;
	}
	.shop_table.woocommerce-MyAccount-orders tbody tr td {
		vertical-align: baseline !important;
		font-size: 14px;
		padding-left: 8px;
}
	.shop_table.woocommerce-MyAccount-orders th {
		text-align: -webkit-center;
	}
	/* table.shop_table_responsive thead {
		display: contents !important;
	} */
	.woocommerce-Price-amount.amount {line-height:normal !important;}
	.per-gateway, .header {padding-top: 1px !important;}
	.product-name, .product-total {font-size:15px !important;}
	.woocommerce-shipping-destination {position: relative;right: 75px;text-align: left;}

/* inline-1908c55c */
#ddisplay {
 	font-size: xx-small;
    color: #646464;
    letter-spacing: -.5px;
    font-weight: 400;
    margin-top: -8px;
    display: inline-block;
    padding-left: 2px;
    }
	#ddprice {
    color:black;
    }
 #betweendisc {
    border-bottom: none;
    display: block;
    }
.something_good {
	text-decoration: line-through !important;
    color: #959595 !important;
	}
#shipping_method {margin-top:-5px !important;}
	button[name="apply_coupon"] {
}

/* inline-497efc7b */
/* typewriter effect */
#typewriter {
    font-weight: 700; 
    font-style: normal; 
    letter-spacing: -2px; 
    font-size: calc(4vw + 8vh); 
    line-height: calc(4vw + 8vh); 
    margin-left: 4vw; 
    margin-right: 4vw; 
    margin-top: -1vw; 
    margin-bottom: -1vw;
}
#notypewriter {
    font-weight: 700; 
    font-style: normal; 
    letter-spacing: -2px; 
    font-size: calc(4vw + 8vh); 
    line-height: calc(4vw + 8vh); 
    margin-left: 4vw; 
    margin-right: 4vw;
}

/* Mobile screen adjustments */
@media screen and (max-width: 768px) {
    #typewriter, #notypewriter {
        font-size: calc(2vw + 8vh);
		line-height: calc(0vw + 8vh);
		margin-left: 4vw;
        margin-right: 2vw;
		margin-top: -8vw;
    }
}

/* inline-0fd27a62 */
/* Use the appropriate selector to target your Add to Cart button */
    .product-gallery-summary .botiga-single-addtocart-wrapper .button {
		letter-spacing: 0px;
		text-transform: capitalize !important;
		font-size: 18px !important;
		font-weight: 600 !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
    }
	ul.products li.product .button {
		letter-spacing: 0px;
		text-transform: capitalize !important;
		font-size: 18px !important;
		font-weight: 600 !important;
		padding: 10px 20px !important;
}
    }
	.checkout-button.button.alt.wc-forward {
		letter-spacing: 0px;
		text-transform: capitalize !important;
		font-size: 18px !important;
		font-weight: 600 !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
    }

button, a.button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"] {
letter-spacing: 0px;
text-transform: capitalize !important;
font-size: 16px !important;
font-weight: 600 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
margin: 2px; !important; 
}
/* Style for both .woocommerce-button.button.pay.order-actions-button and .pay-button */
.woocommerce-button.button.pay.order-actions-button, .pay-button {
    background-color: #ff0000 !important; /* Set the button background color to red */
    color: #ffffff !important; /* Set the text color to white for better contrast */
    padding: 12px 20px !important; /* Add internal spacing: 12px top/bottom, 20px left/right */
    border: none !important; /* Remove any border around the button */
    font-weight: bold !important; /* Make the button text bold */
    text-decoration: none !important; /* Ensure no underline appears on button text */
    display: inline-block !important; /* Ensure the button appears as an inline-block element */
    margin: 2px 0 !important; /* Add 2px spacing above and below the button */
    cursor: pointer !important; /* Change the cursor to a pointer on hover (indicates clickability) */
    border-radius: 0px !important; /* Remove rounded corners for a rectangular button appearance */
}

/* Additional styling specific to .pay-button */
.pay-button {
    display: inline-block; /* Ensure the button maintains an inline-block display */
}

/* Hide the "View Order Message" button on the WooCommerce account page */
body.woocommerce-account .wps_rma_view_order {
    display: none !important; /* Completely hide the button */
}

/* Hide the refund information section on the WooCommerce account page */
body.woocommerce-account .wps_rma_outer_wrap_info {
    display: none !important; /* Completely hide the refund information container */
}

.total-paid, .total-due {
    margin-bottom: 12px; /* Add spacing below each paragraph */
}

	.nodisplay {display:none !important;}

/* inline-386b7941 */
/*replacing stock h2 for pages */
	.hs2 {
    margin-bottom: 10px;
    margin-top: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 36px;
    font-weight: 600;
}
.full-width-separator {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
	}

/* inline-2496f440 */
/* 6476 effect */
	.page-id-6476 .footer-widgets {
    display: none !important;
}
	.page-id-6476 .site-footer {
    display: none !important;
}

/* inline-914dafec */
.post-thumbnail {display:none;}

/* inline-e7a77f63 */
.hod-block-separator-full-page {
    width: 100vw; /* Full viewport width */
    position: absolute; /* Positioning it absolutely */
    left: 0; /* Align to the left */
}

/* inline-a17d5529 */
.header-item.wc-account-link { display: none; }

/* inline-051c1e6b */
.woocommerce-account #customer_login h2 {
	text-align: center;
    font-weight: 700;
    letter-spacing: -1.1px;
    margin-top: 23px;
    font-size: 36px;
}
.newsignup {
    text-align: center;
    font-weight: 700;
    letter-spacing: -1.1px;
    margin-top: 23px;
    font-size: 36px;
}
.signupfootertemp {
    text-align: center;
    letter-spacing: 0px;
    font-size: 16px;
    position: relative;
    padding-bottom: 20px;
}
	input#phone_number {
    width: 100vw;
    display: block;
}
/* headings on the Sign Up/Register page */
.newsignupheaders {
    text-align: center;
    font-weight: 700;
    letter-spacing: -1.1px;
    margin-top: 0px;
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 16px;
}
/* this the password error styles on Sign Up/Register */
.woocommerce-password-strength.bad {
    background: red;
}
.woocommerce-password-strength.good {
    background: #212121;
}
.woocommerce-password-strength.strong {
    background: #0f834d;
}
.woocommerce-password-strength {
    color: white !important;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 13px;
}
.woocommerce-password-strength.short {
    background: pink;
    color: red !important;
}
/* Sign Up/Register Button Size  */
.woocommerce-form-register__submit {
    width: 100%;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    font-size: 24px !important;
    max-width: 500px;
    border-radius: 0px;
}
.woocommerce-account .woocommerce-form-register {
    padding: 60px 50px !important;
    border: 1px solid black !important;
}
.woocommerce-account .woocommerce-form-login {
	padding: 60px 50px !important;
    border: 1px solid black !important;
}
.woocommerce-form__label-for-checkbox span:not(.required) {
	font-size:16px;
}
.custom-note {
    width: 100%;
    left: 0px;
    position: relative;
    text-align: justify;
    hyphens: auto;
	margin-top: 23px;
}
.hodtag {
    font-size: 14px;
    background-color: black;
    color: white;
    border-radius: 1px;
    padding: 6px 8px;
    letter-spacing: -.5px;
    font-weight: bold;
    margin-right: 4px;
    text-transform: capitalize;
    text-align: center;
}
.hodtaglg {
    font-size: 1em;
    background-color: black;
    color: white;
    border-radius: 1px;
    padding: 5px 10px 6px 10px;
    letter-spacing: -.5px;
    font-weight: bold;
    margin-right: 6px;
    text-transform: capitalize;
    text-align: center;
}
label[for="reg_email"], label[for="reg_password"], label[for="password_confirmation"], label[for="username"], label[for="password"] {
	font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
    text-transform: capitalize;
    position: relative;
}
p.woocommerce-form-row {
    margin-bottom: 24px;
}

/* inline-957a5750 */
/* Styling for moving privacy statement script */
.woocommerce-privacy-policy-text {
    margin-top: 16px;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.68;
	}

/* inline-a7f61383 */
.hodcallouts {
    font-size: 16px;
    background-color: black;
    color: white;
    border-radius: 1px;
    padding: 6px 10px;
    letter-spacing: -0.5px;
    font-weight: 700;
  }

  .hodsticker {
    font-size: 16px;
    border-radius: 1px;
    padding: 2px 4px;
    letter-spacing: -0.5px;
    font-weight: 700;
  }
/* Base styling for tag links */
.tags-links a {
    display: inline-block; /* Allows the links to wrap */
    margin-right: 5px; /* Adds a small space between tags */
    background: #f0f0f0; /* Example background color */
    padding: 5px; /* Adds padding around the tag text */
    border-radius: 5px; /* Optional: rounds the corners of the tag links */
    white-space: nowrap; /* Prevents the tag text from wrapping */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .tags-links {
        display: block; /* Stacks the .tags-links container's content */
        max-width: 100%; /* Ensures the container does not overflow the viewport width */
        overflow-x: auto; /* Allows horizontal scrolling for many tags */
    }
    .tags-links a {
        margin-bottom: 5px; /* Adds space between stacked tags on smaller screens */
    }
}

/* inline-c05090a4 */
.logged-in-only { display: none; }

/* inline-635dff09 */
#toppermess {
box-shadow: 0 4px 16px 0px #f5f5f59c;
font-weight: normal;
position: sticky;
top: 0px;
text-align: center;
width: 100%;
background: rgba(270,270,270,1);
font-family: helvetica;
padding: 17px 10px 16px 10px;
z-index: 10000;
font-size: 12px;
display: block;
border-bottom: 1px solid #f1f1f1;
transition: top 0.4s ease;
}

#toppermess span {
background: #fff;
border-radius: 32px;
font-weight: bold;
font-size: 15px;
color: black;
margin-right: 2px;
letter-spacing:-.25px;
}

#toppermess a {
text-decoration: none;
color: inherit;
}

#toppermess a:hover {
text-decoration: none;
}

#toppermess a:visited {
color: inherit;
}

#toppermess .button {
background: #136599;
border-radius: 4px;
color: white;
font-weight: bold;
margin-right: 5px;
display: inline;
padding: 7px 2px 7px 5px;
}
#toppermess:not(.scrolled) .button { display: inline !important; }

#close-toppermess {
cursor: pointer;
position: absolute;
right: 12px;
top: 32px;
transform: translateY(-50%);
background: black !important;
border-radius: 100px !important;
padding: 2px 7px;
color: white !important;
font-family: helvetica;
font-weight: 400 !important;
font-size: 10px !important;
border: 1px solid;
}

/* Shake animation on hover */
#topper-message-part:hover {
animation: shake 0.3s ease-in-out 1;
}

@keyframes shake {
0% { transform: translateX(0); }
25% { transform: translateX(-5px); }
50% { transform: translateX(5px); }
75% { transform: translateX(-5px); }
100% { transform: translateX(0); }
}

/* --- Live prices in topper --- */
#toppermess .metals-divider {
width: 1px;
height: 30px;
background: #e2e2e2;
display: inline-block;
vertical-align: middle;
margin: 0px 14px 0px 10px;
}

/* "Live Metal Prices" label - only when BBB/trust are hidden */
#toppermess .metals-label {
display: none;
background: transparent;
font-weight: bold;
font-size: 14px;
color: #111;
letter-spacing: -.25px;
white-space: nowrap;
margin-right: 16px;
vertical-align: middle;
flex: 0 0 auto;
}

/* Prices viewport (auto-scroll by default; static on wide desktop below) */
#toppermess .metals {
display: inline-flex;
align-items: center;
vertical-align: middle;
overflow: hidden;
max-width: 100%;
background: transparent;
border-radius: 0;
}
#toppermess .metals-scroller {
display: inline-flex;
align-items: center;
background: transparent;
margin: 0;
animation: metals-marquee 24s linear infinite;
}
#toppermess .metals:hover .metals-scroller { animation-play-state: paused; }
#toppermess .metals-track {
display: inline-flex;
align-items: center;
gap: 8px;
padding-right: 8px;
background: transparent;
margin: 0;
flex: 0 0 auto;
}
@keyframes metals-marquee {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}

#toppermess .metal {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 15px;
font-weight: 600;
color: #111 !important;
letter-spacing: -.25px;
padding: 4px 9px;
background: #f6f7f8;
border: 1px solid #ececec;
border-radius: 3px;
line-height: 1;
white-space: nowrap;
flex: 0 0 auto;
}
#toppermess .metal:hover { background: #eef0f2; }
#toppermess .metal i {
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
flex: 0 0 8px;
}
#toppermess .metal[data-m="au"] i { background: #e6b800; }
#toppermess .metal[data-m="ag"] i { background: #9aa0a6; }
#toppermess .metal[data-m="pt"] i { background: #b9c2c9; }
#toppermess .metal[data-m="pd"] i { background: #c2a98a; }
#toppermess .metal .metal_ticker {
background: transparent;
font-weight: 800;
font-size: 15px;
color: #000;
margin: 0;
}

/* Wide desktop, not scrolled: static centered prices (no scroll) */
@media (min-width: 1065px) {
#toppermess .metals { overflow: visible; }
#toppermess .metals-scroller { animation: none; }
#toppermess .metals-track--dup { display: none; }
#toppermess.scrolled .metals { flex: 0 0 auto; }
}

/* Mid-band: hide trust/BBB/divider, show label + auto-scroll ticker */
@media (min-width: 681px) and (max-width: 1064px) {
#toppermess .trustline,
#toppermess .metals-divider { display: none; }
#toppermess:not(.scrolled) .button { display: none !important; }
#toppermess:not(.scrolled) #topper-message-part {
display: flex;
align-items: center;
justify-content: center;
}
#toppermess:not(.scrolled) .metals-label { display: inline-block; }
#toppermess:not(.scrolled) .metals { flex: 1 1 auto; min-width: 0; }
}

/* Mobile: trust stays; prices auto-scroll on their own row */
@media (max-width: 680px) {
#toppermess .metals-divider { display: none; }
#toppermess .metal { font-size: 13px; padding: 3px 8px; }
#toppermess .metals {
display: block;
width: 100%;
margin-top: 10px;
}
}

/* On scroll: collapse to prices only, show label + ticker, stay pinned */
#toppermess.scrolled .button,
#toppermess.scrolled .trustline,
#toppermess.scrolled .metals-divider { display: none; }
#toppermess.scrolled #topper-message-part {
display: flex;
align-items: center;
justify-content: center;
}
#toppermess.scrolled .metals-label { display: inline-block; }
#toppermess.scrolled .metals { margin-top: 0; flex: 1 1 auto; min-width: 0; }
#toppermess.scrolled #close-toppermess { top: 50%; }