/* +++ CHECKOUT +++ */
/* general styles */
#mz_coHead,
#mz_coFoot {  }
#mz_coMain { }
#mz_coHead { }
#mz_coFoot { }

.mz_coStep h3 { font-size: 1.125em; padding: 0.625em 0 0.3125em 0; }

#mz_coMain h3 a:link, #mz_coMain h3 a:visited { text-decoration: underline; }
#mz_coMain h3 a:hover, #mz_coMain h3 a:active { text-decoration: none; }

#mz_priContent ul.mz_coSplit_box fieldset p.formField_info { display: block; margin-left: 0; }

#mz_coMain fieldset .svg-inline--fa { font-size: 2em; }
#mz_coMain fieldset .svg-inline--fa,
li.mz_addressOpt > h4 .svg-inline--fa,
#mz_form div#mz_payCC h3 .svg-inline--fa,
p.coBill_def .svg-inline--fa { font-weight: normal; display: inline-block; padding: 0 0.3125em 0 0; }
#mz_coMain fieldset a.mz_togglePass .svg-inline--fa { font-size: 1em; }

#mz_coMain input.smallInput { float: left; margin-right: 2%; width: 38%; }
#mz_coMain input.smallInput + a.formBtn_reg { display: inline-block; margin-top: 0; }
#mz_priContent #mz_coMain input[type=checkbox] + label { display: inline-block; }

#mz_coMain .mz_btnBox a.formBtn_pri { margin-top: 0; }

fieldset.mz_openExtras { padding: 0.625em 0; }
fieldset.mz_openExtras > input { display: none; }
label.mz_labelLnk { text-decoration: underline; }
label.mz_labelLnk:hover { text-decoration: none; }


/* welcome */
#mz_passOptions fieldset ul.checkRad_list { margin-left: 0; }

/* shipping and billing */
ul.mz_coSplit_box { list-style: none; }
ul.mz_coSplit_box:after { clear: both; display: block; content: ""; }
ul.mz_coSplit_box li { display: block; padding: 0.625em 2%; margin: 0 0 1.25em 0; }
ul.mz_coSplit_box fieldset { padding: 0; }
ul.mz_coSplit_box fieldset p { clear: none; }

ul.mz_coSplit_box li { border: 1px solid rgba(152,152,152, 0.25); background-color: rgba(152,152,152,0.05); } /* style or no? */

ul.mz_coSplit_box li.coSelected { background-color: rgba(0,153,51,0.1); border: 1px solid rgba(0,153,51,0.5); } /* style or no? */

ul.mz_coSplit_box li.mz_addressOpt_alt { display: flex; flex-wrap: wrap; }
ul.mz_coSplit_box li.mz_addressOpt_alt > div { flex-grow: 1; }

li.mz_addressOpt.coSelected > h4 .svg-inline--fa { color: rgb(0,153,51); }

li.mz_addressOpt > h4 { font-weight: bold; padding: 0 0 0.625em 0; }

.co_storeSpec_optDel,
.co_storeSpec_optColl { padding: 0.625em; border: 1px solid rgba(152,152,152,0.25); background-color: rgba(152,152,152,0.05); }

#mz_priContent .co_storeSpec_optColl label, 
#mz_priContent .co_storeSpec_optColl input[type=text],
#mz_priContent .co_storeSpec_optColl select,
#mz_priContent .co_storeSpec_optDel label, 
#mz_priContent .co_storeSpec_optDel input[type=text],
#mz_priContent .co_storeSpec_optDel select  { float: none; }
#mz_priContent .co_storeSpec_optColl label,
#mz_priContent .co_storeSpec_optDel label{ padding: 0 0.625em 0.3125em 0; margin-right: 0; width: auto; text-align: left; }
#mz_priContent .co_storeSpec_optColl input[type=text],
#mz_priContent .co_storeSpec_optColl select,
#mz_priContent .co_storeSpec_optDel input[type=text],
#mz_priContent .co_storeSpec_optDel select{ padding: 0.625em 2%; width: 95%; }
#mz_priContent .co_storeSpec_optColl fieldset p.formField_info, 
#mz_priContent .co_storeSpec_optColl fieldset.formError p.validation,
#mz_priContent .co_storeSpec_optDel fieldset p.formField_info, 
#mz_priContent .co_storeSpec_optDel fieldset.formError p.validation { margin-left: 0; }

#co_locDel_zone ul.mz_flexBtn li { min-width: 48%; flex:1; font-size: 0.875em; text-align: left; }
.co_storeSpec_optDel ul.mz_flexBtn li,
.co_storeSpec_optColl ul.mz_flexBtn li { font-size: 0.85em; }

.co_storeSpec_optColl #co_locDel_zone { margin: 1.25em 0; padding: 0.625em 1.5%; }
#co_locDel_zone p, #co_timeSlots p { padding: 0 0 0.625em 0; }
#mz_coMain .mz_addressOpt_alt table { margin-bottom: 1.25em; }
#co_timeSlots.formError {}
#co_timeSlots.formError p {}

@media screen and (min-width: 480px) {
    #co_storeLoc_det { display: flex; }
    #co_storeLoc_det > div { flex: 1; }
}

@media screen and (min-width: 768px) {
.co_storeSpec_optDel,
.co_storeSpec_optColl { display: flex; gap: 1.25em; }
.co_storeSpec_optDel #co_delDate,
.co_storeSpec_optColl #co_storeLoc_det { min-width: 45%; }
}

@media screen and (min-width: 1024px) {
.co_storeSpec_optDel #co_delDate,
.co_storeSpec_optColl #co_storeLoc_det { min-width: 35%; }
}


/* payment section */
#co_paymentTabs { clear: both; padding: 0.9375em 0 1.25em 0; }

#mz_form div#mz_secureSect {  padding: 0.625em 1.5% 1.25em 1.5%; background-color: rgba(33,150,243, 0.1); border: 1px Solid rgba(33,150,243, 0.2); } /* style or no? */
#mz_form div#mz_secureSect:after { content: ""; display: block; clear: both; }
#mz_form div#mz_secureSect h4 { color: rgb(33,150,243); } /* style or no? */

#mz_priContent fieldset.co_fieldsetV2 label { display: block; }
#mz_priContent fieldset.co_fieldsetV2 span { display: inline-block; width: 2%; padding: 0.625em 0 0.3125em 0; text-align: center; }
#mz_priContent fieldset.co_fieldsetV2 input[type=text],
#mz_priContent fieldset.co_fieldsetV2 select { display:inline-block; width: 40%; }

#mz_priContent input.smallInput { width: 35%; }

div.mz_secureCC { display: none; }
p.coBill_def { background-color: rgba(0,153,51,0.1); padding: 0.3125em; }
p.coBill_def .svg-inline--fa { color: rgb(0,153,51); }

p.co_tinyType { color: rgb(152,152,152); font-size: 0.75em; text-align: right; }

/* progress bar */
ul.mz_coProgress { list-style: none; text-align: center; }
ul.mz_coProgress li { display: inline-block; position: relative; padding: 0.3125em; width: 20%; }
ul.mz_coProgress li span { display: inline-block; line-height: 1.25; font-size: 1em; padding: 0.3125em; width: 1.25em; }
ul.mz_coProgress li strong { display: block; font-size: 0.75em; padding-top: 0.3125em; }
ul.mz_coProgress li.mz_coStepDone span {  }
ul.mz_coProgress li.mz_coStepDone strong { }
ul.mz_coProgress li.mz_coStepCurr span {  }
ul.mz_coProgress li.mz_coStepCurr strong { }


/* hide header and nav elements when in checkout */
body.mz_checkout #mz_keywordSearch,
body.mz_checkout #mz_minicart,
body.mz_checkout #mz_account li:first-child,
body.mz_checkout #mz_account a,
body.mz_checkout #mz_primaryNav ul,
body.mz_checkout #mz_networks,
body.mz_checkout #mz_miniNav,
body.mz_checkout .mz_sitewideFeature { display: none; }
body.mz_checkout li.phoneNumber { border-left: none; font-size: 1.25em; display: block; margin-top: 2em; }


/* checkout summary */
#mz_coSupport h3.co_sumTbl_title a { font-size: 0.75em; float: right; text-align: right; }
#mz_coSupport h3.co_sumTbl_title:after { content:""; clear: both; display: block; }

#mz_coSupport table article img { max-width: 100%; }


/* +++ MEDIA QUERIES +++ */

@media screen and (min-width: 480px) { }

@media screen and (min-width: 768px) {

	ul.mz_coProgress li { padding: 0.3125em 2.5em 0.625em 2.5em; }
		
	ul.mz_coSplit_box li { float: left; margin: 0 2% 1.25em 0; width: 42.1%; }
	ul.mz_coSplit_box li:nth-child(2n) { margin-right: 0; }
	ul.mz_coSplit_box li:nth-child(2n+1) { clear: left; }
	
	/* option for 3 across */
	/* ul.mz_coSplit_box li.mz_addressOpt { float: left; margin: 0 2% 1.25em 0; width: 26%;}
	ul.mz_coSplit_box li.mz_addressOpt:nth-child(3n+1) { clear: left; }*/

	div.mz_secureCC { display: block; padding: 0.625em 0; }
	.jp-card-container { margin: 0; }
	.jp-card { min-width: 250px; }
	
    #mz_priContent fieldset.co_fieldsetV2 input[type=text],
    #mz_priContent fieldset.co_fieldsetV2 select { width: 20%; }
    #mz_priContent fieldset.co_fieldsetV2 span { float: left; }
	#mz_priContent fieldset.co_fieldsetV2 label:nth-of-type(2) { padding-left: 0; }
    #mz_priContent input.smallInput { width: 17.85%; }
	
}

@media screen and (min-width: 1025px) { 
	#mz_coSupport.co_stickySum { width: 23.52%; }
	.co_stickySum { position: fixed; top: 0; right: 2%;} 
}

@media screen and (min-width: 1280px) { }

@media screen and (min-width: 1600px) { }