/* This file intentionally void of CSS rules.
Please define country-specific rules in the country-specific
version of this file */

/*
*	Styles of subscribe newsletter in checkout
*/
.pt_checkout #primary input.newsletterOptin {margin-left:163px;}
.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label,
.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label {
	padding:5px 5px 7px 15px;
	text-align: left;
	width:auto;
}
.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label:before,
.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label:before {
	top:0;
	left:-16px;
}
.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label:after,
.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label:after {
	left:-7px;
	top:2px;
}

/* -------------------------- */
/* -------- TABLET ---------- */
@media screen and (min-width:768px) and (max-width:1023px){
	.pt_checkout #primary input.newsletterOptin {margin-left:118px;}
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label,
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label {
		padding:5px 5px 5px 35px;
	}
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label:before,
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label:before {
		left:0;
	}
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label:after,
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label:after {
		left:8px;
		top:4px;
	}
}

/* -------------------------- */
/* -------- MOBILE ---------- */
@media screen and (max-width:767px){
	.pt_checkout #primary input.newsletterOptin {margin:0; position:absolute;}
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label,
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label {
		padding:5px 5px 5px 35px;
	}
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label:before,
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label:before {
		left:0;
	}
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:not(:checked) + label:after,
	.pt_checkout #primary .form-row .newsletterOptin[type="checkbox"]:checked + label:after {
		left:8px;
		top:4px;
	}
}