/*

Theme Name:				wpc
Theme URI:				https://wpcomplete.co
Author:						WPComplete
Author URI:				https://wpcomplete.co
Description:			If you're not us, GTFO.
Version:					1.0
Text Domain:			wpc
Tags:							one-column

font sizes:				16, 20, 24, 32
"europa":					300, 300 italic, 400, 400 italic
20px gutter				1110, 710, 310, 

dark							#34353d
light							#e8ebf2

blue							#0a4de5
green							#77f4d7
red								#ff7c85

*/





#edd-payment-mode-wrap { margin: 20px 0; }
.edd-gateway-option { border: 2px solid #0a4de5; margin: 0 12px 12px 0; padding: 8px; border-radius: 4px; }
.edd-gateway-option-selected { background: #0a4de5;; color: #fff; }


/* = structure ------------------- */

::-moz-selection { background: #0a4de5; color: #fff; text-shadow: none; }
::selection { background: #0a4de5; color: #fff; text-shadow: none; }

::-webkit-input-placeholder { color: #34353d; padding-top: 2px; }
::-moz-placeholder { color: #34353d; } 
:-ms-input-placeholder { color: #34353d; }
input:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #e8ebf2 inset; }

canvas { display: block; position: fixed; z-index: 1; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; }

.clearfix { zoom: 1; width: 100%; }
.clearfix:before, .clearfix:after { content:" "; display: table; }
.clearfix:after { clear: both; }

.alignright { float: right; max-width: 200px; height: auto; margin: 0 0 20px 20px; }

* { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: top; line-height: 1.4; }

body { font: 300 20px/1.4 "europa", sans-serif; color: #34353d; text-align: center; padding: 12px; background: #fff; }

	section { text-align: left; margin-top: 12px; }
	#header { text-align: center; }
	#customers-home { background: #f9fafb; padding: 24px 0 0 0; text-align: center; }
	#features-wrap { background: #77f4d7; padding: 24px 0 24px 0; }
	#footer { margin: 48px auto; }
	
	article { max-width: 710px; margin: 48px auto; }
	
.wp-caption, .wp-caption-text, .sticky, .screen-reader-text, .gallery-caption, .bypostauthor, .alignright, .alignleft, .aligncenter {}









/* = navigation ------------------ */

.logo { max-width: 28px; margin: 0 auto; }
	svg path { transition: ease all .4s; vertical-align: middle; }	
	svg:hover path { fill: #34353d; }

.menu { vertical-align: middle; margin: 24px 0; }
	.menu a { color: #34353d; text-decoration: none; transition: ease all .4s; }
	.menu a:hover { color: #0a4de5; }
	.menu li { display: inline-block; font-size: 16px; font-weight: 300; margin-right: 12px; }
	.menu li.current-menu-item a { border-bottom: 4px solid #e8ebf2; }
	.menu li.nav-progress { font-weight: 400; color: #0a4de5; }










/* = typography ------------------ */

h1, h2, h3, h4 { line-height: 1.2; color: #34353d; font-weight: 400; text-align: top; margin: 12px 0; }
h1, h2 { font-size: 32px; }
	
h3 { font-size: 24px; }

h4 { font-size: 16px; text-transform: uppercase; color: #0a4de5; margin: 24px 0; }

p, article blockquote, article ul, article ol, article small { margin-bottom: 24px; line-height: 1.4; }
	article ol li { margin-left: 24px; padding-bottom: 8px; }
	article ul li { padding-bottom: 8px; list-style: none; margin-left: 24px; position: relative; }
	article ul li:before { background: #0a4de5; content: ""; width: 4px; height: 4px; display: inline-block; margin: 0 20px 0 -24px; color: #0a4de5; position: absolute; top: 10px; }
	
	#buy-area ul { margin: 0; padding: 0 0 24px 0; }
	#buy-area li { list-style: none; color: #0a4de5; font-weight: 400; }
	
b, strong { font-weight: 400; }
em { }
	.col strong { display: block; color: #0a4de5; margin: 12px 0; }
	#features .col strong { color: #34353d; margin: 0; }

a { text-decoration: none; font-weight: 400; color: #0a4de5; }
	article a { color: #0a4de5; font-weight: 400; transition: ease all .4s; text-decoration: none; border-bottom: 1px solid #0a4de5; }
	article a:hover { color: #34353d; border-bottom: 2px solid #34353d; }

img { }
	img.icon { max-width: 300px; display: none; }
	img.icon-small { max-width: 200px; display: none; }
	.gallery img.icon-small { display: block; margin: 0 auto; text-align: center; max-width: 80%; border: 2px solid #e8ebf2; }
	#customers-home img { margin: 0 auto -12px auto; }
	#main-features .col-end img.icon-small { float: right; }
	article img { max-width: 100%; height: auto; }
	
blockquote { border-left: 4px solid #e8ebf2; padding-left: 20px; }
	cite { font-weight: 400; color: #0a4de5; font-size: 16px; display: block; font-style: normal; padding-top: 12px; }

small { color: #34353d; font-size: 16px; display: block; line-height: 1.6; }
	small a { color: #34353d; font-weight: 300; text-decoration: none; border-bottom: 4px solid #e8ebf2; vertical-align: text-top; }
	
.edit { position: fixed; top: 24px; right: 24px; }

hr { width: 100%; display: block; margin: 24px 0; color: #34353d; text-align: center; }
	hr:after { content: "· · ·"; display: block; }

.col { font-size: 16px; margin-bottom: 24px; }
.col2 { font-size: 20px; }
.gallery .col { text-align: center; }

table { width: 100%; margin: 0; padding: 0;border-spacing: 0; border-collapse: collapse; font-size: 16px; border-top: 1px solid #e8ebf2;  }
	td, th { border-bottom: 1px solid #e8ebf2; padding: 8px; }





/* = forms ----------------------- */

form { padding-bottom: 12px; }
article form { margin-bottom: 24px; }

label { font-size: 16px; }

input, button, .button, select, textarea { border-radius: 0; border: none; outline: none; background: #fff; font: 300 16px/1 "europa", sans-serif; padding: 12px; box-sizing: border-box; cursor: pointer; width: 100%; vertical-align: top; -webkit-appearance: none; vertical-align: middle; }

	button, .button, #edd_login_form #edd_login_submit, .edd_form #edd_profile_editor_submit { background: #0a4de5; color: #fff; font-weight: 400; transition: ease all .4s; border-radius: 40px; padding: 12px 24px; font-size: 16px; border-bottom: 0 !important; text-decoration: none !important; margin-bottom: 8px; display: inline-block; }
	button:hover, .button:hover { background: #34353d; color: #fff; }
	.button-alt { background: #77f4d7; color: #0a4de5; }
	.button-video { font-size: 16px; padding: 10px 0; border-bottom: 0 !important; display: inline-block; }
	
	.search-form input { border: none; }

	.mc4wp-form { vertical-align: bottom; border-bottom: 2px solid #77f4d7; }
	.mc4wp-form input { background: #fff; color: #34353d; padding: 0 !important; margin: 0 !important; }
	.mc4wp-form button { color: #0a4de5; font-weight: 400; background: none; padding: 0 4px !important; margin: 0 !important; float: right; }
	
#edd_sl_renewal_form #edd_sl_renewal_fields { background: #fff !important; padding: 0 !important; margin: 0 !important; font-weight: 400; font-size: 16px; }
.edd-description { display: none; }

#edd-cancel-license-renewal { color: #ff7c85; border-bottom-color: #ff7c85; display: inline-block; margin-top: 8px; }
#edd_show_discount { font-weight: 400; font-size: 16px; }

#edd_sl_renewal_form { margin: 0 0 24px 0 !important; padding: 0; }

#edd-license-key-container-wrap {}

.edd-sl-renewal-actions {}
	#edd-add-license-renewal {}

.edd-payment-icons { width: 100%; float: left; clear: both; display: block; margin-bottom: 24px; }
.payment-icon { display: none; }
#edd_sl_show_renewal_form_wrap a, .edd_discount_link { display: inline-block; }

#edd_purchase_form { vertical-align: top; }
#edd-discount, #edd-license-key { background: #e8ebf2; padding: 9px 12px; margin: 0 4px 0 0 !important; display: block; border-radius: 80px; float: left; }

.edd-discount-code-field-wrap, fieldset { margin: 0 !important; padding: 0; }
#edd_sl_renewal_fields { vertical-align: top; }


#edd_checkout_user_info input, #edd_cc_fields input, #edd_register_fields input, #edd_login_form input#edd_user_pass, #edd_login_form input#edd_user_login, .edd_form input, .edd_form select { background: #e8ebf2; padding: 9px 12px; margin: 0 4px 0 0 !important; display: block; border-radius: 80px; width: 100% !important; }

#edd_login_form #rememberme { -webkit-appearance: checkbox; vertical-align: text-top; }

input[type=checkbox] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; }

#edd-payment-mode-wrap span { border: 2px solid #e8ebf2; padding: 24px; display: block; color: #34353d; margin-bottom: 8px; }
#edd-payment-mode-wrap input { display: none; }
#edd-payment-mode-wrap input:checked ~ span { border: 2px solid #0a4de5; color: #0a4de5; font-weight: 400; }
#edd-payment-mode-wrap span:active { transform: scale(.98); }

fieldset { margin: 24px 0 !important; }
legend { margin: 48px 0 12px !important; font-weight: 400; color: #0a4de5 !important; font-size: 16px !important; text-transform: uppercase; clear: both; width: 100%; display: block;  }

.card-expiration { float: left; display: block; width: 100%; }
	.card-expiration select { background: #e8ebf2; padding: 9px 12px; margin: 0 4px 0 0 !important; display: block; border-radius: 80px; width: 30% !important; float: left; }
	.exp-divider { display: none; }

.affwp-form input, .affwp-form textarea { border: none !important; background: #e8ebf2; padding: 9px 12px; width: 100% !important; box-sizing: border-box;  }

#edd-purchase-button { position: relative; }

code, pre { font-size: 16px; color: #0a4de5; }


.affwp-form .button { background: #0a4de5 !important; }



/* = rcp ----------------------- */

article ul#affwp-affiliate-dashboard-tabs {}
	article ul#affwp-affiliate-dashboard-tabs li { list-style: none; font-size: 16px; }
	article ul#affwp-affiliate-dashboard-tabs li:before { display: none; }
	article ul#affwp-affiliate-dashboard-tabs li.active a { border-bottom: 4px solid #e8ebf2; color: #34353d; }


#rcp_user_remember, #affwp-referral-notifications, #rcp_auto_renew, #affwp-user-remember, #affwp-tos { width: auto !important; appearance: checkbox; -webkit-appearance: checkbox; }





/* = media queries --------------- */

@media screen and (min-width: 1060px) {
	body { padding: 0; }
	section { margin: 24px auto 48px auto; max-width: 1060px; }
	.edd-checkout section { width: 710px; }
	.edd-checkout .top-wrap { display: none; }
	#main-features { max-width: 860px; }
	#top-home { margin-top: 96px; }
	#buy-area { margin: 48px auto; }
	
	.logo-wrap { float: left; text-align: left; min-width: 160px; }
	.top-wrap, .footer-wrap { float: right; }
	.menu { margin: 4px 0; }

	img.icon, img.icon-small { display: block; }
	
	input, button, .button { margin-right: 8px; width: auto; }
	
	.col { float: left; margin-right: 40px; }
	.col2 { width: 690px; } 
	.col3 { width: 326px; }
	.col-end { margin-right: 0; }
	#main-features .col3 { width: 240px; }
	#main-features .col2 { width: 580px; }
	#main-features .clearfix { margin: 48px auto; }
	#edd-payment-mode-wrap label { float: left !important; width: 40%; margin-right: 2%; }
	.edd-gateway-option { padding: 12px 24px; display: inline-block; }
	
}