/*General Styles for vino*/
@font-face{
	font-family: 'Roboto-Bold';
	src: url('../../vino/fonts/Roboto-Bold.tff'); 
}

@font-face{
	font-family: 'Roboto-Regular';
	src: url('../../vino/fonts/Roboto-Regular.tff');
}

body{
	margin: 0;
	
}

.hidden {
	display: none;
}



button {
	height: 4rem;
	outline: none;
	padding: 0.5rem, 0.5rem;
	width: 24rem;
	font-family: Roboto-Bold, sans-serif;
	border-radius:6px;
	margin-top: 1.5rem;
	font-weight: 500;
	border: none;
	
}


.content{
	max-width: 900px;
	margin: 4rem auto;
	margin-bottom: 7rem;
}

/*Header Styles*/

.header {
	background-color: #092529;
	display: flex;
	justify-content: center;
	padding: 2rem, 0;
	height: 56px;
}

.headerLogo{
	height: 30%;
}

.logo {
	margin: 2.5rem auto;
}

/*Shared content Styles*/

.call.show {
	margin: 2.5rem auto;
}

.footer {
	background-color: #092529;
	color: #CCD2D3;
	height: 0 -20px;
	width: 100%;
	padding: 2rem 0;
	position: fixed;
	bottom: 0;
	margin:0;
}

.footer a,
.footer a:active,
.footer a:focus,
.footer a:hover,
.footer a:visited{
	font-size: 16px;
	color: #CCD2D3;
	font-family: Roboto-Regular, sans-serif;
}
.container text-center{
	text-align:center;
}

/*Landing Page Styles*/

.showbutton{
	background-color: #092529;
	color: #ffffff;
	font-size: 16px;
}

.showbutton:hover{
	background-color: #334D51; 
}

.submitButton {
	color: #FFFFFF;
}

.submitButton:focus {
	outline: none;
}

.welcomeHeader {
	font-size: 32px;
	color: #092529;
	margin-top: 1em;
	font-family: Roboto-Bold, sans-serif;
	
}

.welcomeSubHeader {
	margin-top: 1em;
	font-size: 18px;
	color: #092529;
	font-family: Roboto-Regular, sans-serif;
}


#bad {
	color: #ff0000;
}

/*Claim Page Styles*/

.cardImage {
	margin: 0.3rem auto;
	margin-bottom: 3rem;
	max-width: 50%;
}

.contentHeader {
	font-weight: bold;
	font-size: 18px;
	color: #092529;
	margin-top: 4rem;
}

.giftCard {
	width: 100%;
}

.pin{
	font-family: Roboto-Regular, sans-serif;
	font-size: 18px;
	color: #092529;
}

.terms {
	margin: 2.5rem auto;
}

.terms a
.terms a:active,
.terms a:focus,
.terms a:hover,
.terms a:visited{
	color: #005046;
}

.termsFooter {
	font-family: Roboto-Regular, sans-serif;
	font-size: 18px;
	margin-top: 1rem;
}



.termsDetails {
	font-family: Roboto-Regular, sans-serif;
	font-size: 18px;
	color: #092529;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#cardNumber {
	font-family: Roboto-Regular, sans-serif;
	font-size: 14px;
	color: #092529;
	margin-top: 0;
	margin-bottom: 2rem;
}

#bal {
	font-family: Roboto-Regular, sans-serif;
	font-size: 18px;
	color: #092529;
	
}

/*Error Page Styles*/

.errorHeader {
	font-size: 32px;
	color: #092529;
	margin-top: 3rem;
	font-family: Roboto-Bold, sans-serif;
}

.errorDetails {
	margin: 2.5rem auto;
	font-size: 18px;
	color: #092529;
	font-family: Roboto-Regular, sans-serif;
	line-height: 24px;
}

.errorDetails a,
.errorDetails a:hover,
.errorDetails a:active,
.errorDetails a:focus,
.errorDetails a:visited{
	color: #005046;
}


/*Media Queries*/



/* Safari Overrides */

/* Correcting problems with Safari rendering extra space for Bootstrap columns floating within .row elements */
.row:after,
.row:before {
  height: 0;
  width: 0;
}