/* site_mobile.css - Overrides wecard.css upon screen going to phone size */ 
BODY {
overflow-x: hidden;
}
#wecard { /* means it's a signup page /1/ or /2/  etc */ 
padding:5px; /* also acts as bodyPad */
} 

/* page 2 */
.visit2font {
font-size:15px;
}
.visit2font.smaller {
font-size:15px; /* does not need to go smaller on mobile when more than one store */
}
 


/* landing page overrides */ 
div.emptySquare { 
	font-size:11px; /* contains   or checkmark on mobile */
	line-height:1.1 !important;  
	margin-bottom:-3px;
}
table.landing {
margin:0px auto 0 auto;
}
table.landing td {
font-size:13px;
padding:6px; 
} 
table.landingBlock {  
width:100%;
margin-top:10px !important;
}
table.landingBlock .floatLeft {
float:none;
display:block;
width:100%;
}
.circle {
margin:15px auto 0 auto;
}  
.circle div { 
padding:9px 6px 0 6px;
}
table.signupNow { 
margin:0 auto 0 auto !important;
}
table.signupNow td {
text-align:center !important; 
}
.orderButton { 
margin:20px auto 20px auto !important; 
} 

.bodyThird {
width:100%;
float:none; 
}
.bodyThirdLast {
width:100%;
float:none; 
}
.bodyTwoThirds { 
width:100%;
float:none; 
}
.bodyHalf {
width:100%;
float:none; 
}
.bodyFourth {
width:100%;
float:none; 
}
.bodyThreeFourths {
width:100%;
float:none; 
}
.bodyQuarter {
width:100%;
float:none; 
}
.bodyPad {
padding:10px; 
}
.bodyPadSmall {
padding:5px;
}
.bodyPadTiny {
padding:3px;
}
.textJustify {
	text-align:initial;
}
/* displays only on mobile version */
.mobileOnly {
display:block; 
} 
 /* displays only on full site version */
div.noMobile {
display:none;
} 
INPUT[type=text],
INPUT[type=email],
INPUT[type=tel],
TEXTAREA {  
	width:92%;
}
INPUT.halfsize,
TEXTAREA.halfsize { 
width:150px;
}
INPUT.quartersize,
TEXTAREA.quartersize {
width:85px;
}
.formLeftMarginRight { 
margin-right:15px;
}
.formLeftMarginRight:last-child { 
margin-right:0;
} 
.tiny {font-size: 11px;} /* so the email fits across the bottom of a small phone 8 */ 

#liftToPrint {
	width:97%;
	margin:0 auto 0 auto;
}
 
 /* on mobile version: causes image to display across mobile phone width, rather than floating left or right*/
img.bodyImg {
float:none !important;
width:100% !important;
height:auto !important;
overflow:hidden;
margin-top:20px !important;
margin-bottom:8px !important;
margin-left:0 !important;
margin-right:0 !important;
border:0;
}  

/* ripple overrides for mobile */
.ripple-radio-checkbox-sm {
  height: 23px !important; /*  larger than 17 for mobile */
  width: 23px !important;/* larger than 17 for mobile */
 }
.ripple-radio-checkbox-sm:checked::before {
  height: 23px !important; /*  larger than 17 for mobile */
  width: 23px !important;/* larger than 17 for mobile */
 font-size: 17.4px !important;
  line-height: 23px !important;
}
 
/* ripple sm checkboxes */
.ripple-radio-checkbox-sm {
  border:1px solid #569AD4; /* medium blue */
  color: #000000 !important; 
}
.ripple-radio-checkbox-sm:checked {
  background: #F7FBFD;  /* light color so black shows */
}
.ripple-radio-checkbox-sm:checked::after { 
  background: #F7FBFD;  /* light color so black shows */
 } 
/* ripple sm checkboxes */ 
.ripple-radio-checkbox-sm.radio.topmargin { 
   top: 5px;  
} 
.ripple-radio-checkbox-sm.checkbox.topmargin {
   top: 7.9999px;  
}  
 
.err {  
	margin: 5px 0 5px 0;
	width:95%; /* overrides 50% */
	overflow-x:hidden;
	border:1px dashed red;
	font-size:14px;
}
.msg {
	margin: 5px 0 5px 0;
	width:95%; /* overrides 750% */
	overflow-x:hidden;
	font-size:14px;
}