@charset "utf-8";
/* ------------------------------------------------------------
   CSS Buttons
------------------------------------------------------------ */
a.btn-box,
.btn-box,
a.btn,
.btn,
button,
.main-sub-nav,
.btn-row {
  position:relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* v1 
a.btn, .btn,
button {
	display:inline-block;
    background:#D5AE49 url(../images/icon/btn_gold_backgoundi.jpg) no-repeat center;
	background-size: cover;
	border: 1px solid var(--mwd-gold-dark);
    padding:0.8em 2.9em 0.8em 1.5em;
	border-radius: 5px;
    margin: 0;
    color: #000;
    font-size: 1em;
	font-weight:600;
	text-align:center;
	text-decoration:none !important;
    cursor: pointer;
	line-height:100% !important;
}*/
/* v2 gradient
a.btn, .btn,
button {
	display: inline-block;
    padding:0.8em 2.9em 0.8em 1.5em;
	font-size: 1em;
	font-weight: 600;
	color: #000;
	line-height:100% !important;
	background: #FFCC62;
	background: linear-gradient(
	  to bottom,
	  #CD9F49 0,
	  #DBB44B 2%,
	  #ECD88E 15%,
	  #F8F0BC 45%,
	  #FFFFFF 50%,
	  #F8F0BC 55%,
	  #ECD88E 85%,
	  #DBB44B 98%,
	  #CD9F49 100%
	);
	border: 1px solid var(--mwd-gold-dark);
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
    overflow: hidden;
	z-index:1;
}
.btn::before,
.button::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
	  350deg,
	  #CD9F49 8%,
	  #DBB44B 23%,
	  #F8F0BC 71%,
	  #DBB44B 100%
	);
	transition: opacity 0.3s linear;
	opacity: 1;
	z-index:-1;
}
*/

/* v3 */

.btn,
button {
  display:inline-block;
  padding:0.8em 2.8em 0.8em 1.5em;

  border:1px solid #c89b3f;
  border-radius:5px;

  color:#111;
  font-size:1em;
  font-weight:600;
  line-height:100% !important;

  text-align:center;
  text-decoration:none !important;

  cursor:pointer;
  overflow:hidden;

  /* lighter champagne gold */
  background:
    linear-gradient(
      105deg,
      #d7a43a 0%,
      #e1bf63 38%,
      #f5e4a0 62%,
      #e0bb5a 82%,
      #cb9734 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 3px 8px rgba(0,0,0,.12);

  transition:
    background .25s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

.btn::after,
.btn-box::after,
button::after {
  content:"►";

  position:absolute;
  right:1.4em;
  top:50%;

  transform:translateY(-50%);

  font-size:.75em;
}

.btn--light {
  background:
    linear-gradient(
      105deg,
      #ddb04d 0%,
      #edd07a 38%,
      #fff0b8 62%,
      #e7c15e 82%,
      #d3a13d 100%
    );
}

.btn:hover,
button:hover {

  background:
    linear-gradient(
      105deg,
      #ddb04d 0%,
      #edd07a 45%,
      #fff0b8 70%,
      #e7c15e 90%,
      #d3a13d 110%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 5px 14px rgba(0,0,0,.14);
}
.btn--light:hover {

  background:
    linear-gradient(
      105deg,
      #d7a43a 0%,
      #e1bf63 45%,
      #f5e4a0 70%,
      #e0bb5a 90%,
      #cb9734 110%
	);
}
/* =========================
   V3 GOLD BUTTON - END
========================= */

/* button arrow - needs parent padding-right: 
.btn::after,
.btn-box::after,
.button::after {
    content: "►";
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    z-index: 2;
}*/

button { font-family:inherit; }

.btn--tbl {
    padding: 0.3em 1em;
	font-size:0.8em;
	font-weight:normal;
    text-shadow:none;
}

.btn:hover,
button.btn-hover {
	color:#000;
}

.btn:hover::before {
  opacity: 0; /* fades out the gradient */
}

/* Button in a box */
.btn-box {
	display: inline-block;
    background:none;
	border:1px solid rgb(0,0,0,.3);
    padding:0.5em 2.8em 0.5em 1.5em;
    border-radius: 2px;
    color: #111;
    font-size: 0.9em;
	font-weight:600;
	text-decoration: none;
	text-transform: uppercase;
}
.btn-box::after { top: 48%; font-size: 0.9em; }
.btn-box--alt { background:none; color:#FFF; border:1px solid #FFF }
.btn-box--alt.inner-boarder:before, .btn-box-alt.inner-boarder:before { display:none; }

.btn-box--grn, .btn-box-grn { background-color:#097000 !important; color:#FFF !important; }

.btn-box:hover {
	color:#1eb111;
	border-color:#1eb111;
}





/* Button Sizes */

/* Lg */
a.btn--lg, .btn--lg { font-size: 1.2em; }
/* XL */
a.btn--xl, .btn--xl { font-size: 1.4em; }
/* XXL */
a.btn--xxl, .btn--xxl { font-size: 1.6em; }
/* SM */
a.btn--sm, .btn--sm {	font-size:0.95em; }
/* Vsm */
a.btn--xs, .btn--xs {	font-size:0.9em; }
/* Vsm */
a.btn--xxs, .btn--xxs {	font-size:0.8em; }

a.btn--xs.inner-boarder:before, .btn--xs.inner-boarder:before,
a.btn--xxs.inner-boarder:before, .btn--xxs.inner-boarder:before { display:none; }



/* ------------------------------------------------------------
   Text Buttons
------------------------------------------------------------ */

.btn-txt {
	display: inline-block;
	padding-right: 1.8em;
	color: #111;
	font-size: .95rem;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
}
.btn-txt::after {
    /*content: "➜";*/
	content: "→";
    position: absolute;
    right: 0;
    top: 44%;
    transform: translateY(-50%);
    opacity: 1;
    z-index: 2;
}

/* ------------------------------------------------------------
   Buttons Rows/Styles
------------------------------------------------------------ */

.btn-row {
	display: flex;
  flex-wrap: wrap;
	gap: 1em 2em;
	padding:1em 0;
}

.btn-row--center 	{ justify-content: center; }
.btn-row--left 		{ justify-content: start; }
.btn-row--right 	{ justify-content: end; }

@media only screen and (max-width: 1024px) {
    /* Button Sizes */

    /* Lg */
    a.btn--lg, .btn--lg { font-size: 1.15em; }
    /* XL */
    a.btn--xl, .btn--xl { font-size: 1.3em; }
    /* XXL */
    a.btn--xxl, .btn--xxl { font-size: 1.45em; }
}
@media only screen and (max-width: 768px) {
    /* Button Sizes */

    /* Lg */
    a.btn--lg, .btn--lg { font-size: 1.1em; }
    /* XL */
    a.btn--xl, .btn--xl { font-size: 1.2em; }
    /* XXL */
    a.btn--xxl, .btn--xxl { font-size: 1.3em; }
}