/*
Copyright (C) 2016 Apple Inc. All Rights Reserved.
See LICENSE.txt for this sample��s licensing information
 
Abstract:
Styles the example site, as well as the Apple Pay button using -webkit-named-image
*/

body {
	font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
	background: none; 
	background-repeat: no-repeat; 
	background-attachment: fixed;
}

h2 {
	font-weight: 300;
	font-size: xx-large;
}

p {
	font-weight: 300;
}

.apple-pay {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.apple-pay-button {
	-webkit-appearance: -apple-pay-button; 
	-apple-pay-button-type: buy;
	visibility: hidden; 
	display: inline-block;
	width: 220px;
	height: 45px;
	min-height: 45px;
  max-width: 220px;
	border: 1px solid black;
	background-image: -webkit-named-image(apple-pay-logo-white);
	background-size: 100% calc(60% + 2px);
	background-repeat: no-repeat;
	background-color: white;
	background-position: 50% 50%;
	border-radius: 5px;
	padding: 0px;
	margin: 5px auto;
	transition: background-color .15s;
}

.apple-pay-button.visible {
	visibility: visible;
}
.apple-pay-button.hidden {
	visibility: hidden;
	width:0px;
	display:none;
}
.apple-pay-button:active {
	background-color: rgb(152, 152, 152);
}

.trstyle {
	visibility: hidden;
}
.trstyle.visible {
	visibility: visible;
}
.trstyle.hidden {
	visibility: hidden;
}
.button2 {
   border-top: 1px solid #000000;
   visibility: hidden;
   background: #000000;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
   background: -webkit-linear-gradient(top, #000000, #000000);
   background: -moz-linear-gradient(top, #000000, #000000);
   background: -ms-linear-gradient(top, #000000, #000000);
   background: -o-linear-gradient(top, #000000, #000000);
   padding: 6.5px 13px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 19px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   	width: 200px;
	min-height: 30px;
	background-size: 100% calc(60% + 2px);
	background-position: 50% 50%;
   }
.button2:hover {
   border-top-color: #000000;
   background: #000000;
   color: #ffffff;
   }
.button2:active {
   border-top-color: #000000;
   background: #000000;
   }
.button2.visible {
	visibility: visible;
}
.button2.hidden {
	visibility: hidden;
}
.pay-apple-li {
   display:none;
}
.pay-apple-li.hidden {
	display:none;
}
.pay-apple-li.visible {
	display: visible;
}