/* Tweak letter spacing for all-caps headers */
.package-header, h3 {
	letter-spacing: -0.5px;
}

/* Browser-specific all-caps letter spacing */
.firefox .package-header, .firefox h3 {
	letter-spacing: 0.2px;
}

.chrome.mac .package-header, .chrome.mac h3 {
	letter-spacing: 0.5px;
}

.safari.windows .package-header, .safari.windows h3 {
	letter-spacing: -1px;
}

#wizard {
	margin: 20px 25px 0 0;
	float: left;
}

#sidebar {
	margin-top: 35px;
	width: 275px;
	float: left;
}

#country, #billing-country {
	width: 211px;
}

label[for=expiration-date] {
	margin-top: -9px;
}

#expiration-date {
	width: 40px;
}

#card-code {
	width: 40px;
}

#address-2-label, #billing-address-2-label {
	clear: both;
}

#address-2, #billing-address-2 {
	margin-top: 10px;
}

/*#email-container {
	display: none;
}*/

#billing > div.checkboxes {
	margin-left: 0;
	margin-top: 40px;
	text-align: center;
	position: relative;
}

.checkboxes label {
	float: none;
	font-weight: normal;
	padding: 0;
}

label[for=terms].error {
	position: absolute;
	float: none;
/*	top: 35px;*/
	left: 0;	
}

.package {
	position: relative;
	width: 380px;
	margin: 40px 0 0 93px;
	border: 1px solid #525252;
	cursor: pointer;
	border-radius: 6px; /* Should be 5px, but that leaves a gap - 6px is gapless. ? */
	background-color: #fff;
}

.badge > div {
	z-index: 1;
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 11px;
	line-height: 13px;
	font-family: "vegurmedium", sans-serif;
}

.badge > div .free {
	font-size: 25px;
	margin: 6px 0 8px 0;
}

.badge {
	position: absolute;
	top: -35px;
	right: -35px;
}

.badge > div, .badge > div:before, .badge > div:after {
	color: #fff;
	background-color: #91bd09;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

/* 12-point star adapted from https://goo.gl/VIGpTn */
.badge > div {
    width: 70px;
    height: 70px;
    position: relative;
    text-align: center;
}

.badge > div:before, .badge > div:after {
		z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 70px;
}

.badge > div:before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}

.badge > div:after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}

.package.no-billing .price {
	text-decoration: line-through;
}

.package .badge {
	display: none;
}

.package.no-billing .badge {
	display: block;
}

#graphics-package .badge {
	top: initial;
	bottom: -15px;
	right: -15px;
}

#graphics-package .badge > div,
#graphics-package .badge > div:before,
#graphics-package .badge > div:after {
	width: 30px;
	height: 30px;
}

#graphics-package .badge > div .free {
	font-size: 12px;
	margin: 0;
}

.package.graphics-package,
.package.package-specific,
.package.package-specific .package-header {
	border-radius: 0;
}

/*.package > div {
	float: left;
}*/

.package > input[type=radio] {
	float: left;
	margin: 13px 8px 0 10px;
}

.package-header {
	width: 360px;
	padding: 13px 10px 12px 10px;
/*	margin-bottom: 10px;*/
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.package-header-1 {
	background-color: #00adee;
}

.package-header-2 {
	background-color: #91bd09;
}

.package-header-3 {
	background-color: #ff5c00;
}

.package-header-1 ~ .package-html svg {
	fill: #00adee;
}

.package-header-2 ~ .package-html svg {
	fill: #91bd09;
}

.package-header-3 ~ .package-html svg {
	fill: #ff5c00;
}

.package-header-1 ~ .package-html .num-posts {
	color: #00adee;
}

.package-header-2 ~ .package-html .num-posts {
	color: #91bd09;
}

.package-header-3 ~ .package-html .num-posts {
	color: #ff5c00;
}

.graphics-package-image {
	vertical-align: middle;
	margin: 10px 0;
}

.graphics-package-preview {
	vertical-align: middle;
	float: right;
}

.graphics-package-text {
	float: left;
	clear: both;
}

.price {
	float: right;
}

.price.two-line {
	font-size: 13px;
	margin-top: -9px;
}

.graphics-package-add-on .price {
	float: none;
}

.graphics-package-add-on .package-header {
	text-align: center;
}

.package-html {
/*	padding: 10px;*/
}

.entry-wrapper {
	width: 312px;
	margin: 0 auto;
}

.entry {
	float: left;
	width: 136px;
	margin: 10px;
	font-size: 14px;
	line-height: 20px;
}

#package .entry-wrapper > :nth-child(1),
#package .entry-wrapper > :nth-child(2) {
	margin-top: 20px;
}

#package .entry-wrapper > :nth-last-child(1) {
	margin-bottom: 20px;
}

.entry img,
.entry svg {
  height: 16px;
  width: 16px;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 2px;
}

.entry .service-name {
	display: inline-block;
	width: 115px;
}

.service-name sup {
	vertical-align: top;
	font-size: 10px;
}

.service-name sup .num-posts {
	font-weight: bold;
}

label[for=package-radio],
label[for=graphics-package-radio] {
	margin-top: -30px;
	margin-left: -30px;
	width: auto;
}

#processing {
	display: none;
	position: absolute;
	bottom: 19px;
	right: 19px;

			padding: 10px;

	/*		background: #d3f3ff;*/
			background: #f0f0f0;
			border: #b6b6b6 1px solid;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border-collapse: separate;
			border-spacing: 1px;

			-webkit-box-shadow: 3px 3px 3px #e6e6e6;
			-moz-box-shadow: 3px 3px 3px #e6e6e6;
			box-shadow: 3px 3px 3px #e6e6e6;
}

#processing img {
	margin-right: 5px;
}

#facebook-status {
	margin-left: 252px;
	margin-top: 10px;
}

.enter-email span {
	font-weight: bold;
}

.section {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #00adee;
	margin-bottom: 20px;
}

.section.last {
	padding-bottom: 0;
	border: none;
	margin-bottom: 0;
}

.section p {
	font-size: 16px;
}

#thanks {
}

#thanks span {
	font-size: 20px;
}

#thanks span span {
	font-size: 36px;
	line-height: 45px;
}

#referred-by {
	margin-bottom: 50px;
}

#need-help h4 {
	font-size: 32px;
}

#need-help p {
	margin-top: 5px;
}

.help-phone {
	font-weight: bold;
	font-size: 28px;
	line-height: 36px;
}

p.intro {
	font-size: 14px;
	width: 600px;
}

#choose-facebook-page {
	display: none;
}

#choose-facebook-page .instructions {
	display: inline-block;
	margin-bottom: 10px;
	line-height: inherit;
}

#facebook-pages {
	margin-left: 30px;
}

#company-info {
	margin-top: 30px;
}

label + select {
	margin-left: 0;
}

#review > div {
	margin-top: 6px;
	margin-left: 126px;
	clear: both;
}

#review > div > div {
	display: inline-block;
}

#review label {
	padding-top: 0;
	line-height: normal;
}

#review span {
	line-height: 1.4;
}

#review p.full-width {
	margin-bottom: 20px;
}

#review p.section-name {
	padding-left: 85px;
	font-weight: bold;
	font-size: 16px;
	margin-top: 25px;
	color: #008BBF;
}

/*label {
	color: #0087C2;
}

.optional {
	color: #61A4C2;
}*/

/* Use CSS to tweak graphics packages according to Rob's feedback */
#graphics-package .package-header {
	display: none;
}

.graphics-package-text {
	display: none;
}

#graphics-package .entry-wrapper {
	width: auto;
}

#graphics-package .package {
	float: left;
	position: relative;
	width: 140px;
	height: 53px;
	margin: 30px 0 0 50px;
}

#graphics-package .package.first-column {
	margin-left: 25px;
}

#graphics-package .package > input[type="radio"] {
	position: absolute;
	float: none;
	margin: 0;
	top: 19px;
	left: -22px;
}

.graphics-package-image {
	margin: 0;
}

/* Begin custom graphics */
#graphics-package .package.graphics-package-add-on .package-header {
	display: block;
}

#graphics-package .package.graphics-package-add-on {
	width: auto;
	height: auto;
}

/*#graphics-package .package.graphics-package-add-on > input[type="radio"] {
	top: 12px;
}*/

.graphics-package-add-on .package-header {
	width: 120px;
	height: 31px;
	font-size: 13px;
}
/* End custom graphics */

.package-specific {
	display: none;
}

#personal div.package-specific {
	margin-top: 10px;
}

#personal-info {
	margin-top: 10px;
}

/* Uploadify */
.upload-wrapper {
	margin-top: 15px;
	margin-left: 126px;
}

.upload-wrapper label {
	width: 100px;
	font-size: 14px;
}

.img-wrapper {
	width: 600px;
	margin: 20px 0 50px -141px;
}

.img-wrapper > div {
	margin: 0 auto;
}

.img-wrapper p {
	display: none;
	text-align: center;
	padding: 0;
	margin-bottom: 10px;
}

.uploaded-img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

/* Cropper */
.cropper-view-box {
	border-radius: 50%;
}
.cropper-face {
	background-color:inherit !important;
}

.cropper-dashed {
	display: none;
}

/*#city, #zip {
	margin-top: 5px;
}*/

.hidden-step {
	display: none;
}

.basic-radio {
	margin-left: 141px;
}

label[for=has-facebook-account] {
	float: right;
}

label[for=yes-facebook-account],
label[for=no-facebook-account] {
	float: none;
	font-weight: normal;
	padding: 0;
	margin-top: 1px;
}

#sign-in-to-facebook {
	display: none;
	margin-top: 10px;
}

#sign-in-to-facebook {
	margin-top: 25px;
	margin-bottom: 45px;
}

label.error[for="fb-id"] {
	width: 100%;
	text-align: center;
}

i {
	font-style: italic;
}

/* Hide sign in/out button during sign-up process */
#head-right {
	display: none;
}

.thirds {
	margin-top: 10px;
}

.third input {
	width: 85px;
}

#zip,
#billing-zip {
	width: 77px;
}

#pricing-review {
	margin: 10px 0 30px 0;
	padding-left: 20px;
}

#pricing-review label {
	width: 115px;
	padding: 0;
}

#pricing-review p {
	margin-top: 0;
}

#pricing-review-paragraph {
	float: left;
	width: 580px;
	padding: 0 10px;
	line-height: 13px;
	font-size: 11px;
	display: none;
}

#card-code-help {
	margin-left: 3px;
	font-size: 11px;
}

/* Increase the max width of our tooltips in the signup process so they fully hold the preview images */
.ui-tooltip {
	max-width: 1000px;
}

/*#subdomain {
	width: 120px;
}*/

label[for=subdomain] {
	width: 62px;
	padding-top: 0;
}

.email-status,
.subdomain-status {
	display: none;
	position: relative;
	top: 4px;
	left: 5px;
}

#bad-email, div.bad-subdomain {
	color: #f00;
	font-size: 12px;
	margin-left: 122px;
	margin-bottom: 10px;
}

/*#facebook-question {
	margin-bottom: 45px;
}*/

#region {
	margin-bottom: 20px;
}

.category-mix-container {
	margin-top: 50px;
}

.category-mix-container > div {
	margin-top: 15px;
	margin-left: 126px;
	clear: both;
}

.category-mix-container > div > div {
	display: inline-block;
	width: 300px;
}

.category-mix {
	max-width: 300px;
	margin-bottom: 7px;
}

.category-mix-description {
	display: inline-block;
	font-size: 12px;
}

#copy-address-container {
	margin-bottom: -5px;
	margin-top: 20px;
	padding-left: 240px;
}

#copy-address-container label {
	font-weight: normal;
}

.edit-data .instructions {
	display: block;
	margin-top: 5px;
	margin-left: 114px;
	font-size: 12px;
	line-height: 18px;
}

.edit-data.two-lines .instructions {
	margin-top: 0;
}

.edit-data:not(.two-lines) .instructions {
	margin-top: 5px;
}

/* Specifically for the Social5 signup */
.package-31-selected .website,
.package-31-selected #headshot {
	display: none;
}

#choose-facebook-page {
	position: relative;
}

#choose-facebook-page label.error {
	position: absolute;
	bottom: 31px;
	left: 25px;
}

/* Hide mailing list opt-in (At the moment, this kinda just gets in the way. Can consider showing again in the future.) */
#contact,
label[for=contact] {
	display: none;
}