:root{
  --bs-warning: #F6D64B;
  --rm-red: linear-gradient(165deg, #6e1b23 0%, #dc3545 18%, #e04958 44%, #dc3545 84%, #6e1b23 100%);
  --rm-red-dark: linear-gradient(165deg, #58151c 0%, #c6303e 18%, #dc3545 44%, #c6303e 84%, #58151c 100%);
  --rm-gold: linear-gradient(165deg, #B38730 0%, #F6D64B 20%, #ddc144 40%, #F6D64B 80%, #B38730 100%);
  --rm-gold-dark: linear-gradient(165deg, #8f6c26 0%, #c5ab3c 20%, #94802d 40%, #c5ab3c 80%, #8f6c26 100%);
}
html, body, section{ height:100%; }
body{
	margin:0px;
	/*overflow-y:scroll;*/
	color: #212529;
  font-family: 'Noto Serif', 'Open Sans', sans-serif;
}

h2 { font-weight: 600; }

.fs-group-note { font-size: .75em; }

/*font*/
.opensans { font-family: 'Open Sans', sans-serif; }
.notoserif { font-family: 'Noto Serif', serif; }
.font-weight-bold { font-weight: bold !important;}
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/*misc*/
a, img  { border: none; }
p       { margin: 0px; }
a       { text-decoration: underline; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
.wb-breakall { word-break: break-all; }
.overflow-x-scroll { overflow-x: scroll;}

.no-drag {
  -webkit-user-drag: none;
  user-drag: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
	color: var(--bs-warning) !important;
	font-weight: 600;
}

.contact-label {
  text-align: center;
}

.contact-label svg {
  height: 22px;
  /* fill: #ffc107; */
}

.rounded-5 {
	border-radius: .5em;
}

.rounded-top {
    border-top-right-radius: .5rem!important;
    border-top-left-radius: .5rem!important;
}

.rounded-bottom {
    border-bottom-right-radius: .5rem!important;
    border-bottom-left-radius: .5rem!important;
}

.metal-marquee,
.ticket-marquee,
.fx-marquee {
  overflow: hidden;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.curly-brace-group {
  transform: scaleY(2.2);
  font-size: 1.8em;
  line-height: 0;
}

.curly-brace-group.curly-2row {
  transform: scaleY(1.2);
}

.curly-brace-group.curly-4row {
  transform: scaleY(2.8);
}

/*color pallete*/
.bg-theme, .bg-yellow, .bg-warning { background: var(--rm-gold) !important; }
.bg-dark-gray    { background-color: #878787 !important; }
.bg-light-gray   { background-color: #fafafa !important; }
.bd-gray-200     { background-color: #e9ecef !important; }
.bd-gray-300     { background-color: #dee2e6 !important; }
.bd-gray-400     { background-color: #ced4da !important; }

.color-theme,
.color-yellow     { color: var(--bs-warning) !important; }
.color-blue       { color: #64B5F6 !important; }
.color-cyan       { color: #4DD0E1 !important; }
.color-dark       { color: var(--bs-dark) !important; }
.color-dark-gray  { color: #878787 !important; }
.color-light-gray { color: #fafafa !important; }
.color-white      { color: #ffffff !important; }

.border-yellow    { border-color: var(--bs-warning) !important; }
.border-dark      { border-color: var(--bs-dark) !important; }

.carousel-inner   { background-color: var(--bs-dark); }
.carousel-inner.overflow-img .carousel-item { overflow: hidden; height: 100%; }
.carousel-inner.overflow-img .carousel-item img {
  bottom: -9999px;
  height: 100%;
  left: -9999px;
  margin: auto;
  position: absolute;
  right: -9999px;
  top: -9999px;
}

.mini-logo { height: 24px; }

.dropdown-item.active, .dropdown-item:active {
  background: var(--rm-gold);
  color: var(--bs-dark);
  font-weight: 700;
}

.btn-square {
  border-radius: 24px;
  height: 128px;
  margin: 8px;
  max-height: 100%;
  max-width: 100%;
  text-align: center;
  width: 128px;
}

.btn-square .bi{
  font-size: 1.8rem;
}

.btn-gold,
.btn-warning{
  color: #36280e;
  background: var(--rm-gold);
  border-color: #b38730;
}

.btn-gold:hover,
.btn-warning:hover{
  color: #f7f3ea;
  background: var(--rm-gold-dark);
}

.btn-gold:focus,
.btn-warning:focus{
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}

.btn-danger{
  background: var(--rm-red);
  border-color: var(--bs-danger);
}

.btn-danger:hover{
  background: var(--rm-red-dark);
}

.accordion-body,
.accordion-button {
  background-color: var(--bs-white);
}

.accordion-button:not(.collapsed) {
  color: var(--bs-black);
  background-color: #fffde7;
}

/* .accordion-button:focus{
  border-color: #fff9c4;
  box-shadow: 0 0 0 0.25rem rgba(145, 137, 68, 0.25);
} */

.feature-card .card-icon {
  height: 40px;
  width: 40px;
}

.feature-card .card-content {
  width: calc(100% - 56px);
}

.tour-pkgs-list .card-img{ 
  height: 110%;
  inset: -999px;
  margin: auto;
  position: absolute;
  width: unset;
}

.tour-pkgs-list .col{
  text-align: center;
}

.tour-pkgs-list .card{ 
  height: 260px;
  width: 200px;
}

.card-menu-list {
  border-radius: 16px;
  overflow: hidden;
}

.card-menu-list .card-body {
  z-index: 1;
}

.card-menu-list .card-text {
  margin-left: -8px;
  margin-right: -8px;
}

.card-menu-list .btn-square:hover {
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
  color: var(--bs-light);
  border: none;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.accent {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.accent img{
  height: 100%;
  width: 100%;
}

.max-720,
#gold #gold-price-change,
#gold-price-change > div {
  max-width: 720px;
}

#gold-price-change div.bg-dark {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

#gold-price-change div.bg-dark > div {
  position: relative;
  z-index: 2;
}

#gold-price-change div.bg-dark > div > div:nth-child(2) {
  margin-top: 8px;
  margin-bottom: 8px;
}

#gold-price-change div.d-flex{
  justify-content: space-around;
  flex-direction: column;
}

#gold-price-change img {
  border-radius: 16px;
  opacity: 50%;
  position: absolute;
  right: -50px;
  top: 0;
  z-index: 1;
}

#gold-price-change input.form-control {
  background: transparent;
  border: none;
  color: var(--bs-light);
  display: inline-block;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 0;
  text-align: right;
  width: 128px;
}

#gold .section-social-media a{
  display: inline-block;
}

#gold .section-social-media img{
  height: 100%;
  max-height: 360px;
  max-width: 288px;
  width: 100%;
}

@media (min-width: 576px) {
	.text-sm-left { text-align: left !important; }
	.text-sm-right { text-align: right !important; }

  #gold-price-change div.bg-dark > div > div:nth-child(2) {
    margin-top: 0;
    margin-bottom: 0;
  }

  #gold-price-change div.d-flex{
    flex-direction: row;
  }
}

@media (min-width: 768px) {
	.text-md-left { text-align: left !important; }
	.text-md-right { text-align: right !important; }
}

@media (min-width: 992px) {
	.text-lg-left { text-align: left !important; }
	.text-lg-right { text-align: right !important; }
  
  .tour-pkgs-list .card{
    width: 220px;
  }
}

@media (min-width: 1200px) {
	.text-xl-left { text-align: left !important; }
	.text-xl-right { text-align: right !important; }
  
  .tour-pkgs-list .card-img{
    height: 120%;
  }

  .tour-pkgs-list .card{
    width: 250px;
  }
}

@media (min-width: 1400px) {
	.text-xxl-left { text-align: left !important; }
	.text-xxl-right { text-align: right !important; }
}