/*
*********************************************************
LINKS
*********************************************************

/* DEFAULT - - - - - - - - - - - - - - - - - - - - - - - 
1) ro Default (universal - HAS to be listed 1st above ALL other links) */

a, a:link, a:visited,
a.white, .white a,
a.black, .black a,
a.color1, .color1 a, a .color1,
a.color2, .color2 a, a .color2,
a.color3, .color3 a, a .color3
{
	color:  var(--color1, #424242);
	text-decoration: none;
	outline: 0;
}

a:hover, a:active, a:focus,
a.white:hover, .white a:hover,
a.black:hover, .black a:hover,
a.color1:hover, .color1 a:hover,
a.color2:hover, .color2 a:hover,
a.color3:hover, .color3 a:hover
{
	color: var(--color1xl, #787878);
	text-decoration: none;
/*	opacity: 1;
	filter: alpha(opacity=100); 	
	transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;*/
}

a.white, .white a {color: white !important;}
a.white:hover, .white a:hover {color: var(--color1xl, #787878) !important;}

a.black, .black a {color: black !important;}
a.black:hover, .black a:hover {color:  var(--color1, #424242) !important;}

a.color1, .color1 a {color:  var(--color1, #424242) !important;}
a.color1:hover, .color1 a:hover {color: var(--color1xl, #787878) !important;}

a.color2, .color2 a {color: var(--color2, var(--color2, #a1a1a1)) !important;}
a.color2:hover, .color2 a:hover {color: var(--color2xl, var(--color2xl, #c1c1c1)) !important;}

a.color3, .color3 a {color: var(--color3, #414141) !important;}
a.color3:hover, .color3 a:hover {color: var(--color3xl, #777777)!important;}






/*
*********************************************************
BUTTONS
*********************************************************
 */

.btn, 
.btn-2x, .btn-1x, .btn-2x-wrap, .btn-1x-wrap, .btn-wrap,    
.btn-xxl-2x, .btn-xxl, .btn-xxl-2x-wrap, .btn-xxl-wrap,    
.btn-xl-2x, .btn-xl, .btn-xl-2x-wrap, .btn-xl-wrap,    
.btn-lg-2x, .btn-lg, .btn-lg-2x-wrap, .btn-lg-wrap,    
.btn-md-2x, .btn-md-1x, .btn-md, .btn-md-2x-wrap, .btn-md-1x-wrap, .btn-md-wrap,  /* DEFAULT */    
.btn-sm-2x, .btn-sm, .btn-sm-2x-wrap, .btn-sm-wrap,    
.btn-xs, .btn-xs-wrap {
	font-family:'Nxa_Regular';
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	-moz-user-select: none;
	background-image: none;
	border: 0px;
	font-weight: normal;
	margin-top: 0;
	padding: 1.5rem 2.25rem 1.5rem 2rem;
	font-size: 1.25rem;
	/*line-height: 1.25rem;*/
	margin-bottom: 0.75rem;
	border-radius: 0.25rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;	
	-webkit-font-smoothing: subpixel-antialiased !important;  /*  fixes font flicker in Safari */
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-text-stroke: 0.20px !important;  /* fixes font flicker in Safari  - for FOOTER ONLY */
/* TRANSITION
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in; */
/* TRANSFORM 
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    -moz-transform: scale(1);
    transform: scale(1);   */
    
display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: 0px solid;
outline: 0px auto -webkit-focus-ring-color;
outline-offset: -2px;
}




.btn:hover {
/* TRANSITION TO
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
/* TRANSFORM TO
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);   
	-moz-transform: scale(1.1);
	transform: scale(1.1);	    */

  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  
  z-index: 1000 !important;
}
















/* AFTER ICON (within Button) */
.btn svg {
	margin-right: 7px !important;
}


/* XXL - XXL Button ..................................... */
.btn-xxl,
.btn-xxl-2x {
	padding: 2rem 4rem;
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin: 0;
	margin-bottom: 2rem;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	/*max-width: 600px;*/
}


/* XL - X-Large Button..................................... */
.btn.btn-xl,
.btn-xl,
.btn-xl-2x {
	padding: 2rem 4rem;
	font-size: 2.25rem;
	line-height: 2.25rem;
	margin: 0;
	margin-bottom: 2rem;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}


/* LG - Large Button..................................... */
.btn.btn-lg,
.btn-lg,
.btn-lg-2x {
	padding: 1.5rem 3.5rem !important;
	font-size: 2.1rem !important;
	line-height: 2rem;
	margin: 0;
	margin-bottom: 1.75rem;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}


/* MD - Medium Button..................................... */
.btn.btn-md,
.btn-md,
.btn-md-2x {
	padding: 1.25rem 3.15rem;
	font-size: 1.5rem;
	margin: 0;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}




/* SM - Small Button..................................... */
.btn.btn-sm,
.btn-sm,
.btn-sm-2x {
	padding: 1rem 2rem 1rem 2rem !important;
	font-size: 1.2rem !important;
	line-height: 1.2rem;
	margin: 0;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;

}


/* XS - X-Small Button..................................... */
.btn.btn-xs,
.btn-xs,
.btn-xs-2x {
	padding: 0.75rem 1.75rem 0.75rem 1.75rem;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0;
	border-radius: 0.4rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
}

/* XXS - XX-Small Button..................................... */
/* btn ICON */
.btn-xxs-2x em.fa, .btn-xxs-2x i.fa  {padding: 0px 0 1px 0; }
.btn-xxs em.fa, .btn-xxs i.fa  {padding: 0px;}

.btn.btn-xxs,
.btn-xxs,
.btn-xxs-2x {
	padding: 0.5rem 1.25rem 0.5rem 1.25rem;
	font-size: 0.9rem;
	line-height: 0.9rem;
	margin: 0;
	border-radius: 0.4rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
}
.btn.btn-xxs,
.btn-xxs {
	max-height: 32px;
}


.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger {text-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active {-webkit-box-shadow: none;box-shadow: none;}
.btn:active,.btn.active {background-image: none;}

.btn-default, .btn-primary, .btn-secondary, .btn-footer, .btn-color1, .btn-color2, .btn-info, .btn-success, .btn-warning, .btn-danger {
	text-shadow: none;
	background-image: none;
	background-repeat: repeat-x;
	border-color: transparent;
	filter: none;
	color: #FFFFFF !important;
	background-color: #636363;
}
.btn.btn-default,
.btn-default:not([disabled]):not(.disabled):active, 
.btn-default:not([disabled]):not(.disabled).active, .show>.btn-default.dropdown-toggle,
.btn-default, .btn-default:active, .btn-default.active,
.btn-primary, .btn-primary:active, .btn-primary.active,
.btn-color1, .btn-color1:active, .btn-color1.active {background-color: var(--color1, #424242) !important;}
.btn-secondary, .btn-secondary:active, .btn-secondary.active,
.btn-color2, .btn-color2:active, .btn-color2.active,
.btn-footer, .btn-footer:active, .btn-footer.active {
color: var(--color1, #424242); 
background-color: var(--color2, var(--color2, #a1a1a1)) !important;
}




.btn-info, .btn-info:active, .btn-info.active {color: #000000; background-color: gold !important;-}
.btn-success, .btn-success:active, .btn-success.active {background-color: #039303 !important;}
.btn-warning, .btn-warning:active, .btn-warning.active {background-color: darkorange !important;}
.btn-danger, .btn-danger:active, .btn-danger.active {background-color: red !important;}

/* Button LINK */
.btn-default a:link, a.btn-default, a.btn-default:link, .btn-default a, .btn-default:link, 
.btn-primary a:link, a.btn-primary, a.btn-primary:link, .btn-primary a,  .btn-primary:link,
.btn-color1 a:link, a.btn-color1, a.btn-color1:link, .btn-color1 a,  .btn-color1:link,
.btn-secondary a:link, a.btn-secondary, a.btn-secondary:link, .btn-secondary a, .btn-secondary:link,
.btn-color2 a:link, a.btn-color2, a.btn-color2:link, .btn-color2 a, .btn-color2:link,
.btn-footer a:link, a.btn-footer, a.btn-footer:link, .btn-footer a,
.btn-info a:link, a.btn-info, a.btn-info:link, .btn-info a,
.btn-success a:link, a.btn-success, a.btn-success:link, .btn-success a,
.btn-warning a:link, a.btn-warning, a.btn-warning:link, .btn-warning a,
.btn-danger a:link, a.btn-danger, a.btn-danger:link, .btn-danger a {
	color: #FFFFFF !important;
}



/* Primary HOVER */
.btn.btn-default:hover,
.btn-default:hover, .btn-default:focus,
.btn-default a:hover, a.btn-default:hover,
.btn.btn-primary:hover,
.btn-primary:hover, .btn-primary:focus, 
.btn-primary a:hover, a.btn-primary:hover, 
.btn-color1:hover, .btn-color1:focus,
.btn-color1 a:hover, a.btn-color1:hover {
	color: #FFFFFF;
	background-color: var(--color1xl, #787878) !important;
    
}
/* Primary ACTIVE */
.btn-default:not([disabled]):not(.disabled):active, 
.btn-default:not([disabled]):not(.disabled).active, .show>.btn-default.dropdown-toggle,
.btn-active,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
	color: #FFFFFF;
	background-color: var(--color1l, #585858);
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}



	







/* secondary HOVER 
.btn-default:hover, .btn-default:focus,
.btn-default a:hover, a.btn-default:hover,
.btn-secondary:hover, .btn-secondary:focus, 
.btn-secondary a:hover, a.btn-secondary:hover, 
.btn-color1:hover, .btn-color1:focus,
.btn-color1 a:hover, a.btn-color1:hover {
	color: #FFFFFF;
	background-color: yellow;
}*/

/* secondary ACTIVE 
.btn-active,
.btn-secondary.active.focus, 
.btn-secondary.active:focus, 
.btn-secondary.active:hover, 
.btn-secondary:active.focus, 
.btn-secondary:active:focus, 
.btn-secondary:active:hover, 
.open>.dropdown-toggle.btn-secondary.focus, 
.open>.dropdown-toggle.btn-secondary:focus, 
.open>.dropdown-toggle.btn-secondary:hover {
	color: #FFFFFF;
	background-color: orange;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
*/

.btn-secondary:not([disabled]):not(.disabled):active, 
.btn-secondary:not([disabled]):not(.disabled).active, 
.show > .btn-secondary.dropdown-toggle {
	background-color:  red !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-secondary:not([disabled]):not(.disabled):hover, 
.btn-secondary:not([disabled]):not(.disabled).hover, 
.show > .btn-secondary.dropdown-toggle {
	background-color: var(--color2xl, var(--color2xl, #c1c1c1)) !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}









/* secondary HOVER */
.btn.btn-secondary:hover,
.btn-secondary:hover, .btn-secondary:focus, 
.btn-secondary a:hover, a.btn-secondary:hover, 
.btn-color2:hover, .btn-color2:focus,
.btn-color2 a:hover, a.btn-color2:hover,
.btn-footer:hover, .btn-footer:focus {
	color: #FFFFFF !important;
	background-color: var(--color2xl, var(--color2xl, #c1c1c1)) !important;
}



.btn-info:not([disabled]):not(.disabled):active, 
.btn-info:not([disabled]):not(.disabled).active, 
.show>.btn-info.dropdown-toggle {
	background-color: #ffe44d !important;
}
.btn.btn-info:hover, .btn-info:hover, .btn-info:focus {
	color: #FFFFFF;
	background-color: #ffe44d !important;
}
.btn-success:hover, .btn-success:focus {
	color: #FFFFFF !important;
	background-color: #00C400 !important;
}
.btn-warning:hover, .btn-warning:focus {
	color: #FFFFFF !important;
	background-color: orange !important;
}
.btn-danger:hover, .btn-danger:focus {
	color: #FFFFFF !important;
	background-color: #c12e2a !important;
}















.btn-header-minor {
	font-family:'Nxa_Regular';
	text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	-moz-user-select: none;
	background-image: none;
	border: 0px;
	font-weight: normal;
	padding: 5px;
	border-radius: 0px;
	font-size: 90%;
	margin-bottom: 20px;
}




.btn-header-minor.dark {
	color: #FFFFFF !important;
	background-color: transparent;
}
.btn-header-minor.light {
	/*color: var(--color1, #424242) !important;*/
}


a#cart.btn.btn-header-minor:hover {
	color: #00C400 !important;
}
a#sign-in.btn.btn-header-minor:hover {
	color: #FFCC00 !important;
}
a#sign-out.btn.btn-header-minor:hover {
	color: #FFCC00 !important;
}
a#call.btn.btn-header-minor:hover {
	color: #FFCC00 !important;
}