/*!
 * USA Gold Main Stylesheet
*/

/*----------------------------------------------------------------------------------*/
/* GENERAL STYLES																	*/
/* ------------------																*/
/* These styles represent the base styles used throughout the site.					*/
/* They do not have classes because they are being applied to the tags themselves.	*/
/* Use classes to override these attributes.										*/
/*----------------------------------------------------------------------------------*/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #001;
  line-height: 1.9rem;
}

h1 {
  font-size: 18pt;
  color: #000;
  font-weight: bold;
}
h2 {
  font-size: 11pt;
  color: #000;
  font-weight: bold;
  line-height: 1.9rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
h3 {
  font-size: 10pt;
  color: #000;
  font-weight: bold;
  line-height: 1.9rem;
  margin-top: 5px;
  margin-bottom: 5px;
}
h4 {
  font-size: 10pt;
  color: #000;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

a,
a:link,
a:visited {
  color: #575757;
  text-decoration: underline;
}

a:hover,
a:focus,
a:active {
  color: #000;
  text-decoration: underline;
}

nav a {
  text-decoration: none;
}

blockquote,
div.blockquote {
  padding-left: 8.2%;
  padding-right: 8.2%;
  margin: 0px;
}

button,
input {
  margin: 0.25rem;
  padding: 0.25rem 0.5rem;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea {
  padding: 5px;
}

.nounderline,
.no-underline {
  text-decoration: none;
}

p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

hr {
  border-color: #8a8a8a;
}

img.fullwidth {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/*----------------------------------------------------------------------------------*/
/* UTILITY CLASSES																	*/
/* -------------																	*/
/* Classes you can apply to text, tags, and other elements to make changes to the 	*/
/* base stylings to create consistent looks.										*/
/*----------------------------------------------------------------------------------*/

/* Text Colors */
.txtgold {
  color: #b6a335;
} /* GOLD TEXT */
.txtgrey,
.txtgray {
  color: #575757;
} /* GREY TEXT */
.txtwhite {
  color: #fff;
} /* WHITE TEXT */
.txtblack {
  color: #000;
} /* BLACK TEXT */
.txtred {
  color: #700;
} /* RED TEXT */

/* Text Types */
.footnote {
  font-size: 8pt;
}

/* Background Colors */
.bggold1 {
  background: #f3f2e0;
}
.bggolddark {
  background: #dae4d1;
}
.bgwhite {
  background: #fff;
}

/* dividers */
hr.gold {
  border-color: #ddc94c;
}

/* TEXT CLASSES DERIVED FROM EXISTING FILES */
.txtarial20 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20pt;
}
.txtarial19 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19pt;
}
.txtarial18 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18pt;
}
.txtarial17 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17pt;
}
.txtarial16 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16pt;
}
.txtarial15 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15pt;
}
.txtarial14 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
}
.txtarial13 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13pt;
}
.txtarial12 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}
.txtarial11 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}
.txtarial10 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
.txtarial12 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}
.txtarial11 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}
.txtarial9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}
.txtarial8 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
}
.txtarial {
  font-family: Arial, Helvetica, sans-serif;
}

/* .txtarialgrey */

.txtarialgrey10 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #888;
}
.txtarial11grey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}
.txtarial11grey2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #aaa;
}
.txtarial11grey3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #888;
}
.txtarial11grey1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #888;
}

.txtarial11grey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #575757;
}

.txtarial10grey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #575757;
}

.txtarial12gold {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #b4a349;
}

/* PALATINO */
.txtpalatino14 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 14pt;
}
.txtpalatino13 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 13pt;
}
.txtpalatino12 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 12pt;
}
.txtpalatino11 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 11pt;
}
.txtpalatino10 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 10pt;
}
.txtpalatino12 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 12pt;
}
.txtpalatino11 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 11pt;
}
.txtpalatino10 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 10pt;
}
.txtpalatino9 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 9pt;
}
.txtpalatino8 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 8pt;
}
.txtpalatino {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* FORMATING CLASSES */
/* These classes adjust the TEXT alignment of the items inside them.*/
.txtcenter {
  text-align: center;
}
.txtjustify {
  text-align: justify;
}
.txtleft {
  text-align: left;
}
.txtright {
  text-align: right;
}

/* PADDING CLASSES */
/* These classes put space between the edge of the element and its content, similar to what cellpadding does with tables.*/
.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}
.padding15 {
  padding: 15px;
}
.padding20 {
  padding: 20px;
}
.padding25 {
  padding: 25px;
}
.padding30 {
  padding: 30px;
}

.paddingtop5 {
  padding-top: 5px;
}
.paddingtop10 {
  padding-top: 10px;
}
.paddingtop15 {
  padding-top: 15px;
}
.paddingtop20 {
  padding-top: 20px;
}
.paddingtop25 {
  padding-top: 25px;
}
.paddingtop30 {
  padding-top: 30px;
}

.paddingbottom5 {
  padding-bottom: 5px;
}
.paddingbottom10 {
  padding-bottom: 10px;
}
.paddingbottom15 {
  padding-bottom: 15px;
}
.paddingbottom20 {
  padding-bottom: 20px;
}
.paddingbottom25 {
  padding-bottom: 25px;
}
.paddingbottom30 {
  padding-bottom: 30px;
}

.paddingsides5 {
  padding-right: 5px;
  padding-left: 5px;
}
.paddingsides10 {
  padding-right: 10px;
  padding-left: 10px;
}
.paddingsides15 {
  padding-right: 15px;
  padding-left: 15px;
}
.paddingsides20 {
  padding-right: 20px;
  padding-left: 20px;
}
.paddingsides25 {
  padding-right: 25px;
  padding-left: 25px;
}
.paddingsides30 {
  padding-right: 30px;
  padding-left: 30px;
}

/* SPACING	CLASSES */
/* These classes put space between your element and the next, similar to cell spacing does with tables. */
.spacing5,
.margin5 {
  margin: 5px;
}
.spacing10,
.margin10 {
  margin: 10px;
}
.spacing15,
.margin15 {
  margin: 15px;
}
.spacing20,
.margin20 {
  margin: 20px;
}
.spacing25,
.margin25 {
  margin: 25px;
}
.spacing30,
.margin30 {
  margin: 30px;
}

.margintop5 {
  margin-top: 5px;
}
.margintop10 {
  margin-top: 10px;
}
.margintop15 {
  margin-top: 15px;
}
.margintop20 {
  margin-top: 20px;
}
.margintop25 {
  margin-top: 25px;
}
.margintop30 {
  margin-top: 30px;
}

.marginbottom5 {
  margin-bottom: 5px;
}
.marginbottom10 {
  margin-bottom: 10px;
}
.marginbottom15 {
  margin-bottom: 15px;
}
.marginbottom20 {
  margin-bottom: 20px;
}
.marginbottom25 {
  margin-bottom: 25px;
}
.marginbottom30 {
  margin-bottom: 30px;
}

.marginsides5 {
  margin-right: 5px;
  margin-left: 5px;
}
.marginsides10 {
  margin-right: 10px;
  margin-left: 10px;
}
.marginsides15 {
  margin-right: 15px;
  margin-left: 15px;
}
.marginsides20 {
  margin-right: 20px;
  margin-left: 20px;
}
.marginsides25 {
  margin-right: 25px;
  margin-left: 25px;
}
.marginsides30 {
  margin-right: 30px;
  margin-left: 30px;
}

/* CENTER AN ELEMENT LIKE A TABLE OR DIV */
/* This class will center a element, like a div or a table, within its parent. You must also define a width for the div or table.*/
.center,
.centered {
  margin-left: auto;
  margin-right: auto;
}

/* SET WIDTH FOR ELEMENT LIKE TABLE OR DIV */
/* These classes are a shortcut to setting the width for a table or div */
.width100 {
  width: 100%;
}
.width90 {
  width: 90%;
}
.width80 {
  width: 80%;
}
.width70 {
  width: 70%;
}
.width60 {
  width: 60%;
}
.width50 {
  width: 50%;
}
.width40 {
  width: 40%;
}
.width30 {
  width: 30%;
}
.width20 {
  width: 20%;
}
.width10 {
  width: 10%;
}

/* BUTTONS */
/* These classes will turn links into buttons. */

/* .button - this has to go on all buttons. */
/*
.button {
  padding: 6px 12px 6px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none !important;
  background-color: #bcba69;
  font-weight: bold;
  font-size: 11pt;
  display: inline-block;
  border:none;
}
.button:hover,
.button:focus,
.button:active {
  background-color: #aca356;
}
*/

.button {
  padding: 4px 15px 4px 15px;
  border-radius: 5px;
  color: rgb(51, 51, 51);
  text-decoration: none !important;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 9pt;
  font-family:Georgia, 'Times New Roman', Times, serif;
  display: inline-block;
  border:1px solid rgb(175, 175, 175);
  text-shadow:none;
}
.button:hover,
.button:focus,
.button:active {
  background-color: #858585;
  border:1px solid rgb(56, 56, 56);
  color:#fff;
}

/* BUTTON COLORS */
/* To use these with a button, write your class like this class="button btn-blue". */
/* So both the .button class and the .btn-blue (or one of the other colors) both go in the class definition. */

/* .btn-blue : Make the button blue */
.button.btn-blue {
  background-color: #162e5e;
  color: #fff !important;
}
.button.btn-blue:hover,
.button.btn-blue:focus,
.button.btn-blue:active {
  background-color: #4266b0;
}

/* .btn-gold : Make the button gold */
.button.btn-gold {
  background-color: #bcba69;
  color: #fff !important;
}
.button.btn-gold:hover,
.button.btn-gold:focus,
.button.btn-gold:active {
  background-color: #aca356;
}

/* .btn-red : Make the button red */
.button.btn-red {
  background-color: #660033;
  color: #fff !important;
}
.button.btn-red:hover,
.button.btn-red:focus,
.button.btn-red:active {
  background-color: #9c2828;
}

/* .btn-gray : Make the button gray */
.button.btn-gray {
  background-color: #939e9d;
  color: #fff !important;
}
.button.btn-gray:hover,
.button.btn-gray:focus,
.button.btn-gray:active {
  background-color: #575c5c;
}

/* Icon Buttons */

.button.btn-icon {
  border: none;
  height: 40px;
  width: 40px;
  font-size: 26px;
  padding: 0px;
  display: inline-block;
  text-align: center;
  margin: 0px;
  line-height: 40px;
}

/* IMPORTED STYLES */

/* GOLD PRICE BOX */
.goldprice_container {
  font-size: 10pt;
  max-width: 300px;
  text-align: center;
  margin: 0px auto;
}
.goldprice_container table {
  text-align: left;
  border-spacing: 2px;
  margin: 0px auto;
}
.goldprice_container td {
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
}
.goldprice_container .gold_label {
  text-align: left;
  font-weight: bold;
  font-size: 9pt;
}
.goldprice_container .gold_price {
  text-align: center;
  font-size: 10pt;
}
.gold_divider {
  border-bottom: 1px solid #ddc94c;
  padding-bottom: 10px;
  margin-bottom: 0px;
}
.goldprice_footer {
  max-width: 300px;
  margin: 0px auto;
  text-align: center;
}

.goldprice_container .gold_label {
  text-align: left;
  font-size: 10pt;
  color: #575757;
}
.goldprice_container a {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0px;
}

/*----------------------------------------------------------------------------------*/
/* HEADER STYLES																	*/
/* -------------																	*/
/* Styles used in the header, navigation, etc.										*/
/*----------------------------------------------------------------------------------*/

/* OVERALL HEADER */
#header {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* LOGO AND COINS*/
.header-brand {
  padding-bottom: 3px;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  margin-bottom: 7px;
}
.header-brand-left {
  font-size: 12pt;
  color: #888;
  text-align: left;
  padding-top: 5px;
  font-family:Gibson, Arial, Helvetica, sans-serif;
  font-style:italic;
}
.header-brand-left img {
  height:64px;
  margin-bottom:7px;
}
.header-brand-right {  
  font-size: 12pt;
  color: #7E7F7F;
  text-align: right;
  font-family:Gibson, Arial, Helvetica, sans-serif;
}
.header-brand-right img {
  margin-bottom:4px;
}
.header-brand-right div {  
  display: inline-block;
  width: 100%;
}
.header-brand-right a:link,
.header-brand-right a:visited {
  color: #7E7F7F;
}
.header-brand-right a:hover {
  color: #7E7F7F;
}


/* ----------------------------------------------------
2121 Header Styles
*/

.right-image img {height:72px; width:auto; margin-bottom:none;}
.header-brand-left .logo img {height:52px; width:auto; margin-bottom:none;}
.logo, .right-image  { height: 72px;}
.logo {padding-top: 14px;}
.header-brand-left .logo .tagline, .right-text {position:absolute; top: 73px;}
.right-text {right:18px;}
.header-brand {height:95px;}
.header-brand-left {padding-top:0;}
.mobile-brand .tagline {text-align:center; font-family: Gibson, Arial, Helvetica, sans-serif; font-size:9pt; color:#888; margin-top:3px; font-style:italic; }


/* ALL NAV */
.nav-item:hover,
.nav-item.show {
  background-color: #595959;
  color: #fff;
}

/* MAIN NAVIGATION */
.navbar {
  background-color: #660033;
  padding: 0;
  border-radius: 0;
  border: none;
  margin-bottom: 0px;
}

.navbar-toggler {
  display: none;
}
.navbar .nav-link {
  padding: 0.5em;
  line-height: 29.3333px;
}

.navbar a,
.navbar a:visited,
.dropdown-menu a:link {
  color: #fff;
  background-color: #660033;
  text-decoration: none;
}

#MainNav .navbar-nav .nav-link,
#MainNav .navbar-nav .dropdown-toggle {
  padding: 1px 1.2em 0px 1.2em;
  line-height: 29.3333px;
}
#MainNav .navbar-nav {
  margin: 0px 10px 0px 10px;
  padding: 0px;
  text-align: center;
  float: none;
}
#MainNav .caret {
  display: none;
}

#MainNav .navbar-nav a {
  display: block;
  cursor: pointer;
  font-size: 10pt;
}

#MainNav a .txtarial9 {
  color: #fff;
}

.navbar .dropdown-menu {
  background-color: #660033;
  color: #fff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.navbar .dropdown-menu a,
.navbar .dropdown-menu a:visited,
.navbar .dropdown-menu a:link {
  color: #fff;
  background-color: #660033;
}
.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu a:focus,
.navbar .dropdown-menu a:active {
  background-color: #595959;
  color: #fff;
  text-decoration: none;
}
#header .navbar-toggler {
  color: #fff;
}
#MainNav .navbar .dropdown-menu li,
#MainNav .navbar .dropdown-menu li a {
  text-align: left;
}

#MainNav .navbar .dropdown-menu li {
  text-align: left;
}

.navbar .nav-link {
  font-size: 10pt;
  text-decoration: none;
}
#header {
  font-size: 10pt;
}

.navbar-nav {
  list-style: none;
}

/* MOBILE NAVIGATION */
#MobileNav .navbar-nav {
  background-color: #660033;
  padding-top: 10px;
  max-width: 100%;
}
#MobileNav .nav-item {
  text-align: left;
}
#MobileNav .dropdown-menu {
  background-color: #494949;
  color: #fff;
  text-align: left;
  padding-left:0;
}

#MobileNav .dropdown-menu a {
  background-color: #494949;  
  padding-left:1rem;
}

#MobileNav .dropdown-menu a {
  color: #fff;
}
#MobileNav .dropdown-menu a:hover {
  background-color: #595959;
  color: #fff;
}
.mobile-nav table {
  margin-bottom: 0px;
}

main {
  text-align: justify;
}

/* GOLD SPOT BARS */
.header-spot-date {
  background-color: #d7d599;
  text-align: center;
  font-size: 9pt;
  line-height: 12pt;
  font-family: Arial, Helvetica, sans-serif;
}
.header-spot-date-label {
  font-weight: bold;
  font-size: 10pt;
  margin-right: 20px;
}

.header-spot-date .row div {
  padding: 4px;
}

.header-spot-price {
  background-color: #f3f2df;
  text-align: center;
  font-size: 10pt;
  line-height: 12pt;
  font-family: Arial, Helvetica, sans-serif;
}

.header-spot-price .red {
  color: red;
}
.header-spot-price .green {
  color: green;
}

.header-spot-price img {
  vertical-align: top;
}
.header-spot-price .row,
.header-spot-date .row {
  margin: 0px;
}
.header-spot-price .row div {
  padding: 4px;
}
.header-spot-right {
}
.header-spot-left {
}

.mobile-info-row {
  background-color: #d7d599;
  text-align: center;
  font-size: 9pt;
  line-height: 12pt;
}

.side-col-left.col-md-5 {
}

#chartContainer #chartComp,
#chartContainer #nd-chartContainer0,
#chartContainer #nd-chartDiv0 {
  width: 100% !important;
}

/*----------------------------------------------------------------------------------*/
/* TABLES																			*/
/*----------------------------------------------------------------------------------*/
table {
}
.table {
}
.table table,
.table th,
.table td {
}
.nowrap {
  white-space: nowrap;
}
table.nowrap td {
  white-space: nowrap;
}

/*----------------------------------------------------------------------------------*/
/* NETDANIA																			*/
/* -------------																	*/
/* Styles that go with the various netdania stuff									*/
/*----------------------------------------------------------------------------------*/

#chart-container {
  /* background: #fcfcfc;
		margin-bottom: 20px;
		border-radius: 5px;
		border: 1px solid #e9e9e9;
		margin-top:20px; */
}
#ql {
  vertical-align: top;
  padding-right: 10px;
  float: left;
  margin-left: 5px;
  padding-top: 0px;
}
#ql > table {
  border-top: 1px solid #e8e8e8;
}
#ql table {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
#ql > div:nth-child(2) > table:nth-child(1) {
  border-bottom: 1px solid #e8e8e8;
}
#nd-chartContainer0 {
}
#chartComp {
  float: left;
  margin-left: 5px;
  border: 0px solid #ccc;
  padding-top: 0px;
}

#ql table .gridDefaultContentClass {
  height: 20px;
}
#ql table .gridDefaultContentOddClass {
  height: 20px;
}

#ql .hdTDClsLeft,
#ql .hdTDClsRight,
#ql .hdTDClsRight {
  height: 20px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
}

#chartComp .nd-chartContainer.ui-widget-content {
  border-radius: 0px;
  background-color: #fefcef;
  height: 397px;
  border: 1px solid #aaa;
  padding-top: 0px;
  margin-left: -5px;
  margin-top: 2px;
  border: 1px solid #e9e9e9;
}

#nd-toptoolbar0 {
  margin-bottom: 20px;
  background-color: #fff;
  padding: 5px;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 0px;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  border-radius: 0;
}

.chart-footer {
  background-color: #f1f1f1;
  text-align: center;
  padding: 10px;
  border: 1px solid #e9e9e9;
}

#chart > table:nth-child(1),
#chart > table:nth-child(1) > tbody:nth-child(1),
#chart > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1),
#chart
  > table:nth-child(1)
  > tbody:nth-child(1)
  > tr:nth-child(1)
  > td:nth-child(1) {
  display: block;
}
#chart
  > table:nth-child(1)
  > tbody:nth-child(1)
  > tr:nth-child(1)
  > td:nth-child(2) {
  display: inline-block;
  margin-left: 15px;
}
#chart > table:nth-child(1) {
  margin-right: -10px;
}

#chart-container #chartComp,
#chart-container #nd-chartContainer0,
#chart-container #nd-chartDiv0,
#chart-container #ql table {
  width: 100% !important;
}
#chart {
  margin-bottom: 20px;
}

#chart #chartComp .nd-chartContainer.ui-widget-content {
  height: 403px;
}
#ql > table:nth-child(1) {
  height: 25px;
}

#chart .col-lg-8 {
  z-index: 1200;
}

/*----------------------------------------------------------------------------------*/
/* MAIN BODY STYLES																	*/
/* -------------																	*/
/* Styles used in the main body														*/
/*----------------------------------------------------------------------------------*/
/* OVERALL MAIN BODY */
#main {
  margin-top: 20px;
}

/* PAGE TITLE AREA */
.page-title-container {
  text-align: center;
  margin-bottom: 15px;
}
.page-subtitle {
  color: #b6a335; /* GOLD */
  font-weight: bold;
  font-size: 14pt;
  padding-bottom: 20px;
}
.page-title {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: ;
}

/* BLOCKS */

/* Online Orderdesk */
.goldprice_container {
  font-size: 10pt;
  max-width: 300px;
  text-align: center;
  margin: 0px auto;
}
.goldprice_container table {
  text-align: left;
  border-spacing: 2px;
  margin: 0px auto;
}
.goldprice_container td {
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
}
.goldprice_container .gold_label {
  text-align: left;
  font-weight: bold;
  font-size: 9pt;
}
.goldprice_container .gold_price {
  text-align: center;
  font-size: 10pt;
}

.goldprice_footer {
  max-width: 300px;
  margin: 0px auto;
  text-align: center;
}

/* MAIL CHIMP */
#mc_embed_signup {
  background: #fff;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif;
  max-width: 300px;
  width: 100%;
}

/*newsandviews*/

/* DIVIDERS */
.gold_divider {
  border-bottom: 1px solid #ddc94c;
  padding-bottom: 10px;
  margin-bottom: 0px;
}
.divider-gold {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #cc3;
  display: block;
}
.txtarial8gold {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #999;
}

/* Additional Wordpress */
.pagetype {
  text-align:center;
  padding:10px;
  background-color:rgb(27, 105, 27);
  color:#ffff;  
}

/* Wordpress client rotators */
.cp-rotator-ad { text-align:center; color:#000;}
.cp-rotator-ad .CTA-Query {
font-size:12pt;
color: #000;
font-weight:bold;
}
.cp-rotator-ad .CTA-Response {
    margin-bottom:20px;
}
.cp-rotator-ad .CTA-Response a {
font-family: Arial;
font-size: 10pt;
text-transform:uppercase;
color:#777;
}
.cp-rotator-ad .tagline {
font-size:11pt;
margin-bottom:15px;
font-style:italic;
color:#000;
}
.cp-rotator-ad .phone {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #b4a349;
    font-weight:bold;
    margin-bottom:10px;
}
.cp-rotator-ad .phone span {
    display:block;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}
.cp-rotator-ad .hours {
font-size:10pt;
 margin-bottom:15px;
}
.cp-rotator-ad .email-cta {
    font-size:10pt;
    color:#000;
}
.cp-rotator-ad a {
    display:block;
    text-align:center;
    color:#777;
}

/* Wordpress Fixes */

#content img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
#content img {
  margin: 0px 15px;
  max-width: 100%;
}
#content img.alignleft {
  margin-left: 0px;
}
#content img.alignright {
  margin-right: 0px;
}
#content .addtoany_list a {
  margin-right: 5px;
}
#content .addtoany_list a img {
  padding: 0px;
}

#content h1 {
  line-height: 2.3rem !important;
  font-weight: bold;
}
#content h2 {
  font-weight: bold;
}

/*----------------------------------------------------------------------------------*/
/* FOOTER STYLES																	*/
/* -------------																	*/
/* Styles used in the footer														*/
/*----------------------------------------------------------------------------------*/
#footer {
  text-align: center;
  font-size: 8pt;
  margin-top: 10px;
}
#footer .footer-mailing-address {
  color: #050;
}

/*----------------------------------------------------------------------------------*/
/*  Blogposts
/*----------------------------------------------------------------------------------*/

.post_container {
  text-align: left;
}

.post_container h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #b6a335;
}

.post_container ul {
  padding-left: 30px;
}

.post_container li {
  margin-bottom: 10px;
  font-size: 10pt;
}

.post_container a {
  text-decoration: none;
}

.post_container a:hover {
  text-decoration: underline;
}

.post_container a:link {
  color: #575757;
}

.post_container a:visited {
  color: #575757;
}

.entry-title, .entry-meta {text-align:center;}


/*----------------------------------------------------------------------------------*/
/*  HOME 
/*----------------------------------------------------------------------------------*/
.txtarial12gold a {
  text-decoration: none;
  color: #b4a349;
}
.txtarial12gold a:hover {
  text-decoration: underline;
  color: #000;
}

/*----------------------------------------------------------------------------------*/
/*  NEWSWIRE  
/*----------------------------------------------------------------------------------*/
/* #newswire font {font-size:inherit;} */

#newswire td:nth-child(1) font {
  font-size: 10pt;
  line-height: 160%;
}

#newswire td:nth-child(1) font b {
  font-size: 11pt;
}

#newswire td:nth-child(2) font {
  font-size: 9pt;
}

#newswire td:nth-child(2) font:nth-child(1) {
  font-size: 10pt;
}

#newswire tr td {
  border-bottom: 1px solid #d8d7bf;
  padding: 8px 10px 8px 10px;
}

@media (max-width: 991px) {
  #newswire {
    margin-top: 13px;
  }
}

/*----------------------------------------------------------------------------------*/
/*  PRICE HISTORY TABLES
/*----------------------------------------------------------------------------------*/
#pricehistorytable {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
#pricehistorytable td {
  padding: 2px;
}

/*----------------------------------------------------------------------------------*/
/*  SEARCH CONTAINER
/*----------------------------------------------------------------------------------*/

#SearchContainer {
  margin: 12px auto 0px auto;
  padding: 10px;
  font-size: 90%;
  font-family: arial;
  background-color: #eeeeee;
  width: 300px;
}

#navSearch {
	display: none;
	padding: 5px;
	margin-top: 5px;
	right: 0;
	background-color: #BFBFBF;
	border: 1px solid #b0b0b0;
	position: absolute;
	z-index: 1000;
	max-width: 300px;
}
#navSearch #search {
  max-width:100%;
  color: #000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;    
}
/*----------------------------------------------------------------------------------*/
/*  SIDEBAR AD BOX
/*----------------------------------------------------------------------------------*/

.sidebarbox1 {
  border: 1px solid #eeeeee;
  margin: 20px 3px 0px 3px;
  padding: 10px;
}

.sidebarbox2 {
  border: 1px solid #d3d3d3;
  padding: 10px;
  margin: 20px 3px 0px 3px;
}

/*----------------------------------------------------------------------------------*/
/* SCREEN READER ONLY																	*/
/*----------------------------------------------------------------------------------*/
.screen-reader-only {
  position: absolute !important;
  top: -9000px !important;
  left: -9000px !important;
  margin: 0.2em;
  padding: 0.5em;
  background-color: #000;
  color: #fff !important;
  padding: auto 0.2em;
}

.screen-reader-only:focus,
.screen-reader-only:active {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  border: 2px solid !important;
}

.row-sr-only {
  display: none;
}

.row-sr-only:focus,
.row-sr-only:active {
}

/*----------------------------------------------------------------------------------*/
/* TABLES
/*----------------------------------------------------------------------------------*/
table.cellpadding0 td,
table.cellpadding0 th {
  padding: 0px;
}
table.cellpadding1 td,
table.cellpadding0 th {
  padding: 1px;
}
table.cellpadding2 td,
table.cellpadding0 th {
  padding: 2px;
}
table.cellpadding3 td,
table.cellpadding0 th {
  padding: 3px;
}
table.cellpadding4 td,
table.cellpadding0 th {
  padding: 4px;
}
table.cellpadding5 td,
table.cellpadding0 th {
  padding: 5px;
}
table.cellpadding6 td,
table.cellpadding0 th {
  padding: 7px;
}
table.cellpadding8 td,
table.cellpadding0 th {
  padding: 8px;
}
table.cellpadding9 td,
table.cellpadding0 th {
  padding: 9px;
}
table.cellpadding10 td,
table.cellpadding10 th {
  padding: 10px;
}
table.cellpadding15 td,
table.cellpadding15 th {
  padding: 15px;
}
table.cellpadding20 td,
table.cellpadding20 th {
  padding: 20px;
}

div.td {
  display: table-cell;
}
div.tr {
  display: table-row;
}
<div.table {
  display: table;
}

/*----------------------------------------------------------------------------------*/
/* ALIGN CENTER FIX
/*----------------------------------------------------------------------------------*/

.center-all {
  text-align: center;
}
.center-all div,
.center-all p,
.center-all table {
  margin-left: auto !important;
  margin-right: auto !important;
}

/*----------------------------------------------------------------------------------*/
/* SCREEN ONLY
/*----------------------------------------------------------------------------------*/
.screen-only {
  display: none;
}
@media only screen {
  td.screen-only {
    display: table-cell;
  }
  div.screen-only {
    display: block;
  }
  p.screen-only {
    display: block;
  }
  tr.screen-only {
    display: table-row;
  }
  table.screen-only {
    display: table;
  }
}

/*----------------------------------------------------------------------------------*/
/* RESPONSIVE CLASSES																*/
/* -------------																	*/
/* Classes that are responsive or change depending on screen size				 	*/
/*----------------------------------------------------------------------------------*/

/* Medium devices (tablets, desktops, 768px and up)*/
@media only screen and (min-width: 768px) {
  .mobileonly,
  .mobile-only,
  .sm-only {
    display: none !important;
  }
  .wp-content img {
    max-width: 100%;
    height: auto;
  }
}

/* Large devices (desktops, 992px and up)*/
@media only screen and (min-width: 992px) {
  #TabletMenu {
    display: none;
  }

  #MainNav .navbar-nav li {
    float: none;
    display: inline-block;
  }

  #MainNav .navbar-nav a {
    display: inline-block;
  }

  #MainNav .navbar-nav li.show {
    display: inline-block !important;
  }

  #MainNav .navbar-nav li.dropdown ul.dropdown-menu li {
    display: block;
  }
  #MainNav .navbar-nav li.dropdown ul.dropdown-menu li a {
    display: block;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
  }
}

/* Small Devices Only - (small tablets, phones, 767px and smaller) */
@media only screen and (max-width: 767px) {
  #block-below-main {
    margin-top: 0px;
  }

  .nomobile,
  .sm-hidden {
    display: none !important;
  }
  .bg-nomobile {
    background-color: transparent !important;
  }
  #PureChatWidget.purechat.purechat-bottom-left {
    left: 2px !important;
  }

  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
  #footer {
    margin-left: -10px;
    margin-right: -10px;
  }
  blockquote,
  div.blockquote {
    padding-left: 5%;
    padding-right: 5%;
    margin: 0px;
  }
}

@media only screen and (max-width: 413px) {
  #PureChatWidget.purechat.purechat-bottom-left {
    left: 2px !important;
  }
  #chartComp #nd-chartPlot0 {
    height: 200px !important;
  }

  #chart #chartComp .nd-chartContainer.ui-widget-content {
    height: 310px !important;
  }
}

/* Anything smaller than max size (991px and smaller)*/
@media only screen and (max-width: 1199px) {
  /* make images scale with the device as it gets smaller */
  #content img {
    max-width: 100%;
    height: auto !important;
  }
  #header .dropdown-toggle::after {
    display: none;
  }

  .page-title {
    font-size: 14pt;
    line-height: 16pt;
  }
  .page-subtitle {
    font-size: 12pt;
    line-height: 15pt;
  }
  .page-title-container {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .notablet {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  h1 {
    font-size: 15pt;
  }
  h2 {
    font-size: 12pt;
  }
  h3 {
    font-size: 10pt;
  }
  h4 {
    font-size: 10pt;
  }
  .desktop-only,
  .desktoponly {
    display: none;
  }

  #content iframe {
    max-width: 100%;
  }

  #chartComp {
    padding-bottom: 20px;
  }
  #nd-fs0 {
    display: none;
  }
}

@media (max-width: 991px) {
  .linebreak-mobile {
    display: block;
  }

  #MainNav .navbar-nav {
    text-align: left;
    padding: 0px;
    margin: 0px;
  }

  #MainNav .nav-item > a {
    max-width: 50%;
  }

  #MainNav .nav-item a:hover {
    background-color: #595959;
  }

  #MainNav .navbar-nav .show .dropdown-menu {
    max-width: 50%;
    width: 50%;
    padding-top: 0px;

    /*position:absolute;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		left:50%;
		top:0px;
		*/
    position: static;
    float: none;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 50%;
    margin-top: -33px;
  }

  .nav-item:hover,
  .nav-item.show {
  }

  #MainNav .caret {
    display: inline-block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid white;
  }

  .navbar-header {
    float: none;
  }
  .navbar-left {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.show {
    display: block !important;
  }

  #mobile-button-menu button,
  #mobile-button-menu a {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
  }

  #MobileNav .navbar-nav .show .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #MobileNav .nav-link,
  #MobileNav ul li a {
    font-size: 120%;
  }
  #MobileNav .navbar ul li {
    text-align: center;
  }
  #MainNav .navbar-nav {
    margin-left: 0px;
  }
  #MainNav {
    margin-top: 30px;
  }
  #header .navbar-toggle {
    display: block;
    padding: 0px;
    width: 100%;
    float: left;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-size: 15px;
    padding-left: 10px;
  }

  #TabletMenu .navbar-nav > li {
    float: left;
  }
  #TabletMenu .navbar-toggle {
    border-radius: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #TabletMenu .navbar-nav a {
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    font-size: 10pt;
  }
  #TabletMenu .navbar-nav {
    margin: 0px;
    line-height: 30px;
  }
}

li.nav-item a {
  color: #fff;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #595959;
  color: #fff;
}

.nav ul {
  list-style: none;
  padding-left: none;
}

.nav > li > a {
  color: #fff;
}

.navbar .dropdown-menu li {
  padding: none;
}

/*--- CHARTS ---*/
.tradingview-widget-container div:first-child{

  height : calc(100% - 32px);
  width : 100%;
}
@media (max-width: 767px){
  #tradingview-watchlist,
  #tradingview-sider {
    
  }
  #tradingview-gold,
  #tradingview-silver,
  .tradingview-widget-container{

  }
}

@media (max-width: 991px) {
  #tradingview-watchlist,
  #tradingview-gold,
  #tradingview-silver,
  .tradingview-widget-container
 {

  }
  #tradingview-sider {
    
  }
}

@media (min-width: 992px) {
  #tradingview-watchlist,
  #tradingview-gold,
  #tradingview-silver,
  #tradingview-sider,
  .tradingview-widget-container {
    height: 500px;
  }
}


@media (min-width:1200px) {
  .gold-price-live #block_below_titles, .silver-price-live #block_below_titles {
    margin-left:-50px;
    margin-right:-50px;
  }
}


@media (min-width: 767px) {
h1, #content h1.entry-title, h1.page-title {font-size:16pt;}
h2, #content h2.entry-title  {font-size:12pt;}
h3 {font-size: 11pt;}
body, body #content {font-size:11pt;}
}

@media (max-width: 767px) {
  h1, #content h1.entry-title, h1.page-title {font-size:14pt;}
  h2, #content h2.entry-title {font-size: 12pt; }
  h3 {font-size: 10pt;}
  body, body #content {font-size:10pt;}
  .page-content {
    padding: 5px 0 0 0;
  }
  }
  
  /* GIBSON FONT */

    @font-face {
    font-family: 'Gibson';
    font-style: normal;
    font-weight: normal;
    src: local('Gibson Regular'), url('https://www.usagold.com/fonts/GibsonRegular.woff') format('woff');
    }