/* = THE CREATIVE CLASS
written by paul jarvis / www.pjrvs.com ----------------------- 






'Whitney SSm A', 'Whitney SSm B'							400, 400 italic, 500

font sizes							12, 14, 16, 20, 24, 34, 45, 56 112

black										#17191a
grey										#454a4d
light grey							#777b80 / #babcbf
white										#ebedf0
dark blue								#0f97d0
blue										#20ace6
light blue							#45c4f8
red											#ec3853
purple									#927499
yellow									#f4e89a

*/

.infusion-form input.infusion-field-input-container { display: inline-block; width: 48%; margin-right: 2%; margin-bottom: 10px; }
.infusion-form input.infusion-field-email-container { display: inline-block; width: 50%; margin-bottom: 10px; }
.infusion-form button { clear: both; margin-top: 5px; }


*{border:none;outline:none;text-rendering:auto}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%}html img#wpstats{border:none;height:0;overflow:hidden;padding:0;width:0}.ir{background-repeat:no-repeat;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-9999em}.hidden{display:none!important;visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.2}a:active,a:hover{outline:0}b,strong{font-weight:700}em{font-style:italic}li{list-style:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{-ms-interpolation-mode:bicubic;border:0;height:auto;vertical-align:middle}svg:not(:root){overflow:hidden}legend{border:0;margin-left:-7px;padding:0;white-space:normal}table{border-collapse:collapse;border-spacing:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,a{text-decoration:none}th,td{text-align:left;vertical-align:top}
@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important}body{background:#fff;color:#000;font:12pt Georgia, "Times New Roman", Times, serif;line-height:1.3}section.post-content a:after{content:" (" attr(href) ")"}tr,img{page-break-inside:avoid}img{border:0;max-width:100%!important}nav,aside{display:none}}


a.wpc-button { border: none !important; border-radius: 3px; font-size: 13px; }



/* = html5 ----------------------- */

::-moz-selection { text-shadow: none; background: #f4e89a; } 
::selection { text-shadow: none; background: #f4e89a; }

.wf-loading * { visibility: hidden; }

.reset { width: 100%; clear: both; display: block; }

	#slide { width: 100%; height: auto; padding: 10px; background: #927499; color: #fff; position: fixed; right: 0px; top: -300px; font-size: 13px; text-align: center; z-index: 1001; }
	#slide p { text-align: center; max-width: 90%: }
	#slide p a { color: #fff; font-weight: 500; text-decoration: underline; }



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

html, body { background: #fff; height: 100%; }
body { font: 400 14px/1.6 sans-serif; color: #454a4d; }

.wrap { text-align: center; }
	.section { text-align: left; padding: 15px; }
	.video { background: #f7f9fa; }

#countdownwrap { background: #ebedf0; text-align: center; }
	#countdownwrap .title, #countdownwrap aside { text-align: center; margin: 15px 0; }
	
header {}
	.single header, .page-template-page-articles header { background: #454a4d; position: relative; overflow: hidden; }
	.single header:before, .page-template-page-articles header:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.2; background-image: url('/wp-content/themes/tcc2015/assets/creativeclass-article01.jpg'); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; }
	header .section { z-index: 2; position: relative; }
	
	.page-template-page-guide header { background-image: url('/wp-content/themes/tcc2015/assets/creativeclass-guideheader.jpg'); background-repeat: no-repeat; background-position: 50% 0; background-size: cover;}
	.page-template-page-legal header { background-image: url('/wp-content/themes/tcc2015/assets/creativeclass-legalpricingpage.jpg'); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; padding-bottom: 120px; }	
	.page-template-page-offer header, .page-template-page-aff header { background-image: url('/wp-content/themes/tcc2015/assets/creativeclass-offerheader.jpg'); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; }
	.page-id-999 header { background-image: url('/wp-content/themes/tcc2015/assets/creativeclass-legalheader.jpg'); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; }
	.page-template-page-community header, .page-template-page-success header { background-image: url('/wp-content/themes/tcc2015/assets/creativeclass-community.jpg'); background-repeat: no-repeat; background-position: 50% 0; background-size: cover;}

#content {}
	article { text-align: left; }
	aside { position: relative; margin-top: 60px; }
	.slack aside { margin: 0; }
	.signupcols { margin: 60px 0 0 0; }

#coursebottom, #uses, #qanda, #price { background: #f7f9fa; }
	
footer { margin-bottom: 120px; overflow: hidden; }
	footer .section { color: #babcbf; text-align: center; }
	footer aside { text-align: right; }






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

#logo { text-align: center; }
	#logo a { font-weight: 500; color: #454a4d; background: url("/wp-content/themes/tcc2015/assets/creativeclass-logo.png") top left no-repeat; background-size: 51px 60px; display: block; text-indent: -9999px; margin: 0 auto; width: 51px; height: 60px; }
	.single #logo a, .page-template-page-articles #logo a, .page-template-page-aff #logo a, .page-template-page-offer #logo a, .page-template-page-guide #logo a, .page-template-page-community #logo a, .page-template-page-success #logo a, .page-template-page-legal #logo a { color: #fff; background: url("/wp-content/themes/tcc2015/assets/creativeclass-logowhite.png") top left no-repeat; background-size: 51px 60px; }

nav { text-align: center; margin: 30px auto; }
	nav li { padding: 10px 15px; display: inline-block; font-size: 12px; line-height: 1; }	
	nav li a:hover, footer p a:hover { color: #454a4d; }
	
	footer nav li, footer p { font-size: 12px; }
	header nav li a { color: #777b80; }
	.single header nav li a, .page-template-page-aff header nav li a, .page-template-page-articles header nav li a, .page-template-page-community header nav li a, .page-template-page-success header nav li a, .page-template-page-legal header nav li a { color: #fff; }
	footer nav li a { color: #babcbf; }

	header nav li:last-child { background: #ec3853; border-radius: 3px; margin: 0 0 0 15px; padding: 10px 30px; font-weight: 500; transition: background .3s ease; }
	header nav li:last-child:hover { background: #d7203c; }
	header nav li:last-child a { color: #fff; }
	
#pagi { width: 100%; display: block; text-align: center; margin-top: 60px; }	
	





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

h1, h2, h3, h4, h5 { color: #17191a; font-weight: 500; line-height: 1.1; }

h1, h2 { font-size: 34px; letter-spacing: -1px; margin-bottom: 30px; }
	.signupcols h2 { margin: 45px 0; }
	h2.nopad { margin-top: 0; }
	.home h2 { font-size: 30px; }

h3 { font-size: 20px; }
	h3 a { color: #17191a; }
	h3 a:hover { color: #20ace6; }
	.dashboard h3 { margin-bottom: 15px; }
	article h3, #about h3 { margin: 30px 0 15px 0; color: #17191a; }
	.article h3, .signup h3 { font-size: 20px; margin: 15px 0; color: #454a4d; }
	.undercontent h3 { font-size: 34px; }
	.title h3, .student h3 { margin-bottom: 15px; }
	.slack h3 { margin: 5px 0; color: #e4d048; }
	.coltwo h3 span,.colthree h3 span { display: block; font-size: 16px; font-weight: 400; font-style: italic; }
	#offercontent h3 { margin: 30px 0; }
	.lesson h3 { font-size: 24px; }
	
h4 { font-size: 20px; margin: 0 0 15px 0; }
	.guidecol h4 { margin-bottom: 5px; }
	#qanda h4 { margin: 45px 0 10px 0; }
	#slider h4 { color: #fff; font-size: 16px; }

h5 { font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #45c4f8; margin-bottom: 5px; }
	article h5 { margin-bottom: 15px; color: #babcbf; }
	.students h5 { margin: 15px 0; }
	h5 a { color: #17191a; }

p {}
	article p, article ul, article ol, #about p, .pricingtop p, .student p, #articlesignup p { padding-bottom: 30px; }
	.dashboard p { margin-bottom: 15px; color: #777b80; font-size: 16px; }
	header aside p { color: #ebedf0; font-size: 14px; margin: 10px 0 30px; }
	.article p, .signup p, .guidecol p, .offervideo p { font-size: 16px; color: #777b80; }
	footer p { text-align: left; }
	.page-template-page-offer footer p, .page-template-page-aff footer p { font-size: 16px; color: #777b80; margin-bottom: 30px; }
	.home .title p { padding-bottom: 1em; font-size: 16px; }
	.item p { font-size: 14px; }
		
strong, b { font-weight: 500; color: #17191a !important; }
strong.red { color: #20ace6; }
em, i { font-style: italic; }

small { font-size: 12px; color: #777b80; display: block; }
	small a { color: #777b80; }
	small#offerwrap { font-size: 14px; }

	small.related { text-align: center; margin-bottom: 30px; }
	#countdownwrap small { margin: 5px 0; }
	#qanda small { margin-top: 45px; font-size: 14px; font-weight: 500; }
	.one small a { color: #927499; }
	.two small a { color: #45c4f8; }
	.three small a { color: #454a4d; }
	.four small a { color: #ec3853; }
	.five small a { color: #0f97d0; }	

ul, ol { }
	article ul, article ol { padding-left: 30px; }
	article li { list-style: circle; margin-bottom: 15px; }
	ul.checks { padding-left: 0; margin-top: 30px; }
	ul.checks li { list-style: none; background: url("/wp-content/themes/tcc2015/assets/icon-checkmark.png") top left no-repeat; background-size: 30px 30px; padding: 0 0 15px 45px; }
	.lessons li { background: url("/wp-content/themes/tcc2015/assets/icon-checkmark.png") top left no-repeat; background-size: 30px 30px; padding: 0 0 15px 45px; color: #777b80; }
	.page-template-page-offer .lessons li, .page-template-page-aff .lessons li { background: url("/wp-content/themes/tcc2015/assets/icon-checkmarkp.png") top left no-repeat; background-size: 30px 30px; padding: 0 0 15px 45px; color: #777b80; }
	.lessons li strong { display: block; }

	aside li { font-size: 14px; }
	aside .botlist { font-weight: 500; margin-top: 15px; }
	
img { max-width: 100%; max-height: auto; margin-bottom: 15px; }
	.article img { border-radius: 3px; overflow: hidden; }
	.seenon { margin: 30px auto; max-width: 90%; text-align: center; display: block; }
	.colthree img, .coltwo img, .page-template-page-pricing #content aside img { width: 50px; height: 50px; }
	.page-template-page-pricing #content aside img { margin: 15px 0; }

blockquote { font-style: italic; font-size: 16px; }
	cite { font-size: 14px; color: #777b80; display: block; margin-top: 15px; font-weight: 500; font-style: normal; }
	.testimpic img { border-radius: 1000px; overflow: hidden; height: 80px; width: 80px; margin-bottom: 15px; }
	.single article blockquote { padding-left: 30px; border-left: 2px solid #ebedf0; margin: 15px 0 45px 0; }
	.single article blockquote p { padding: 0; }
	
hr { border-top: 1px solid #ebeef0; margin: 30px 0; width: 100%; }
	.home hr { margin: 60px 0; }

a { transition: color .3s ease; }
a:hover {}
	article a, aside small a, .writefor a { border-bottom: 2px solid #ebedf0; color: #20ace6; font-weight: 500; }
	article a.button { border-bottom: none; }
	article a:hover { border-bottom: 2px solid #ebedf0; color: #927499; }
	article a.button:hover { color: #fff; border-bottom: none; }
	footer p a { border-bottom: 2px solid #ebedf0; color: #babcbf; }
	aside li a { color: #777b80; }
	aside li a:hover { color: #20ace6; }
	header aside a { color: #45c4f8; border-bottom: 1px solid rgba(69,196,248,.5); }

code, pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 14px; padding: 30px; border: 2px solid #f4e89a; margin: 30px 0 60px 0; }




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

form { text-align: left; }
	.signupcols form { margin-bottom: 45px; }
	#signupform { position: relative; }

	label {}
	.sumoform label { display: inline-block; width: 200px; }
	.sumoform input { width: 200px; }
	

	input, select, button, .button, textarea { font: 400 14px/1 sans-serif; border-radius: 3px; background: #ebedf0; padding: 14px; vertical-align: top; margin-bottom: 5px; text-decoration: none !important; -webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box; }
	.button, button, .pagibutton a, input[type=submit] { font-weight: 500; background: #ec3853; color: #fff; padding: 15px 45px; display: inline-block; vertical-align: top; line-height: 1; transition: background .3s ease; cursor: pointer; border-radius: 3px; -webkit-appearance: none; }
	.button:hover, button:hover { background: #d7203c; }	
	article .button { margin: 30px 0; }
	.signupcols input { padding: 13px; }
	
	
	label.error { display: block; font-size: 12px; margin: 0 auto 10px auto; position: relative; }
	
	.grey, .pagibutton a { font-weight: 400; padding: 8px 15px; font-size: 14px; background: #ebedf0; color: #babcbf; transition: background .3s ease; }
	.grey:hover, .pagibutton a:hover { background: #cfd2d7; }
	
	.buttonsmall { font-weight: 400; padding: 6px 15px; font-size: 12px; background: #ebedf0; color: #babcbf; transition: background .3s ease; border-radius: 3px; }
	.buttonsmall:hover { background: #cfd2d7; }
	
	.colthree .grey, .coltwo .grey, .page-template-page-pricing #coursebottom .grey { background: #454a4d; color: #fff; }
	.colthree .button, .coltwo .button { margin-top: 30px; }
	.colthree small, .coltwo small { font-size: 11px; }
	
	.dark { background: #454a4d; color: #fff; font-weight: 400; padding: 8px 15px; font-size: 14px; }
	.dark:hover { background: #17191a; }

	.darkbig { background: #17191a; color: #fff; font-weight: 400; }
	.darkbig:hover { background: #474f52; }

	
	.blue { font-weight: 400; padding: 8px 15px; font-size: 14px; background: #20ace6; color: #fff; }
	.blue:hover { background: #0f97d0; }
	
	.purple { font-weight: 400; padding: 8px 15px; font-size: 14px; background: #927499; color: #fff; }
	.purple:hover { background: #765b7d; }
	
	aside .button { font-weight: 400; padding: 8px 30px; font-size: 14px; }
	.home .grey, .home .blue { padding: 14px 30px; }
	
	.page-template-page-guide header .button, .page-template-page-offer header .button, .page-template-page-aff header .button, .page-template-page-legal header .button { background: #17191a; }
	.page-template-page-guide header .button:hover, .page-template-page-offer header .button:hover, .page-template-page-aff header .button:hover, .page-template-page-legal header .button:hover { background: #454a4d; }
	
	::-webkit-input-placeholder { color: #777b80; padding-top: 2px; }
	:-moz-placeholder { color: #777b80; }
	::-moz-placeholder { color: #777b80; }
	:-ms-input-placeholder { color: #777b80; }
	
	aside input { width: 94%; display: block; background: #fff; }
	aside button { width: 100%; display: block; color: #454a4d; background: #f4e89a; }
	#coursebottom aside .button { text-align: right; float: right; }


table { width: 99%; margin: 30px 0; font-size: 16px; }
th, td { padding: 10px; }
th { font: 500 16px/1.5 sans-serif; }

#rcp_registration_form input { padding: 14px 5px; }

.rcp_header,.rcp_description, p#rcp_level_details_wrap, #rcp_profile_editor_form fieldset legend { display: none !important; }

#rcp_login_form fieldset p, #notify_form fieldset p, #free_form fieldset p, #rcp_registration_form fieldset p, #rcp_profile_editor_form fieldset p, #affwp-register-form fieldset p, #affwp-login-form fieldset p { display: block; width: 100%; margin-bottom: 15px; }

#rcp_login_form label, #rcp_login_form label, #notify_form label, #free_form label, #rcp_registration_form label, #rcp_profile_editor_form label, #affwp-register-form label, #affwp-login-form label { display: block; margin-bottom: 5px; font-size: 16px; color: #9a9a95; }

#rcp_login_form input[type=text], #rcp_login_form input[type=password], #notify_form input, #free_form input, #rcp_registration_form input, #rcp_profile_editor_form input, #rcp_profile_editor_form select, #affwp-register-form input[type=text], #affwp-register-form input[type=email], #affwp-register-form input[type=password], #affwp-register-form textarea, #affwp-login-form input[type=text], #affwp-login-form input[type=password] { width: 98%; }

#rcp_login_form input[type=submit], #notify_form input[type=submit], #free_form input[type=submit], #rcp_profile_editor_form input[type=submit] { width: 99%; margin: 15px 0 30px 0; }
#free_form .rcp_registration_total { display: none !important; }

	#rcp_registration_form #rcp_discount_code { float: left; width: 30%; margin-right: 5px; padding: 14px 5px; }
	#rcp_apply_discount { background: #f0f2f3; float: left; width: 25%; }


#notify_form { margin-bottom: 30px; }

#rcp_registration_form { margin: 30px 0; }
	#rcp_registration_form .rcp_registration_total { margin-bottom: 45px; }
	#rcp_registration_form #rcp_discount_code { float: left; width: 70%; margin-right: 5px; }
	#rcp_apply_discount { background: #2e2d2d; float: left; }

.rcp-total { background: #ebedf0; }

#rcp-payment-history td, #rcp-account-overview td { background: #fff; }

#rcp_profile_editor_form .rcp_password_change_notice, #rcp_profile_submit_wrap { width: 100% !important; margin: 15px 0; clear: both; }


#rcp_login_form label[for=rcp_user_remember] { display: inline-block; margin: 0; padding: 0; line-height: 1; vertical-align: middle; }

.rcp_subscription_level { list-style: none; }
.rcp_subscription_level_name, .rcp_price { font-size: 24px; font-family: 'Whitney SSm A', sans-serif; color: #2e2d2d; margin-right: 20px; }

.rcp_level_duration, .rcp_separator { display: none; }
.rcp_subscription_fieldset { margin-bottom: 45px; }

#rcp_subscription_levels { margin: 0; padding: 0; }
#rcp_subscription_levels li { width: 100%; display: block; float: left; margin: 0 0 30px 0; }

#rcp_subscription_levels label { width: 80%; float: left; margin-top: -3px; }
#rcp_subscription_levels .rcp_level { width: 30px; float: left; }

#rcp_payment_gateways label { float: left; display: block; padding: 10px 20px 10px 0; }
#rcp_payment_gateways select { background: #b8b6b6; color: #fff; }
#rcp_payment_gateways option:after { content: " ↓";}





/* = common ---------------------- */

.aligncenter { clear: both; margin-right: auto; margin-left: auto; text-align: center; }
.alignleft, .alignright { display: block; }
.aligncenter { display: block; margin: 0 auto 30px auto; }
.lazy { display: none; }

#slider { display: block; height: auto; position: fixed; left: 0; bottom: -300px; width: 100%; z-index: 10001; }
	.slidercourse, .slidercomms, .sliderlessons { background: #17191a } 
	
	#slider .inner { padding: 10px; color: #fff !important; }
	#slider .close { cursor: pointer; padding: 5px; position: absolute; top: -30px; right: 0; font-weight: 500; }
	#slider .more {}
	#slider h4 { float: left; margin: 10px 0 0 0; }
	#slider a { float: right; margin: 3px 0 0 0; }
	
.mycc-complete-button { font-weight: 400; cursor: pointer; padding: 12px 15px 9px 15px; font-size: 14px; vertical-align: top; line-height: 1; }	
.mycc-uncompleted-course-btn { background: #ec3853; color: #fff; }
.mycc-completed-course-btn { background: #ebedf0; color: #babcbf; }

.buttons { vertical-align: bottom; margin: 30px auto 0 auto; }
	.buttons input, .buttons .button { float: left; margin-right: 15px; margin-top: 0 !important; vertical-align: middle !important; }

.item, #materials { border-radius: 3px; margin-bottom: 10px; }
	.item .inner, aside .inner, .signup .inner, .slack .inner { padding: 30px; }
	.article .inner { padding: 5px !important; margin-bottom: 45px;  }
	.article img { opacity: 1; transition: opacity .3s ease; }
	.article img:hover { opacity: .6; }
	.lesson, #materials, .student { border: 2px solid #f2f3f5; }
	.student { min-height: 200px; }
	.student p { font-size: 14px; }
	.bonus { border: 2px solid #eefafe; background: #eefafe; }
	.signup { background: #927499; border-radius: 3px; color: #fff; }
	.slack { border-radius: 3px; margin-bottom: 10px; border: 2px solid #f4e89a; }
	.slack .button { background: #f4e89a; color: #454a4d; padding: 8px 15px; font-size: 14px; }

	.guidecol { text-align: center;  color: #777b80; }
	.guidecol img { width: 50px; height: 50px; text-align: center; margin: 0 auto 30px auto; display: block; }
	
video { max-width: 100%; height: auto; }
iframe, embed, object { max-width: 100%; }
iframe { border: 2px solid #f7f9fa; }

header .title * { color: #fff; }

.signup { background: url("/wp-content/themes/tcc2015/assets/signup-back-purple.jpg") center center no-repeat; background-size: cover; }
	.signup h3, .signup p { color: #fff; }
	.signup form { margin: 15px 0; }
	.signup input { background: #fff; padding: 12px 15px; }
	.signup button { color: #fff; background: #17191a; }
	
.authorbits { margin: 90px 0; }
	.authorbits p { font-size: 14px; }
	.authorpic { border-radius: 1000px; overflow: hidden; width: 80px; height: 80px; text-align: center; display: block; margin: 0 auto 30px auto; }
	.authorbits hr { margin: 60px 0 30px 0; }


.dashboard-top { margin-bottom: 60px; }
	.dashboard-top aside, .page-template-page-pricing #content aside { margin: 15px 0; }
	.dashboard-top .highlighter { padding: 10px; }

#countdownwrap aside { color: #ec3853; font-weight: 500; font-size: 24px; }

.colthree .inner, .coltwo .inner { padding: 15px; }
	.pricingmainthree, .pricingmain { border: 2px solid #454a4d; border-radius: 3px; background: #fff; }
	.pricingsecondarythree, .pricingsecondary { border: 2px solid #babcbf; border-radius: 3px; }
	#price .colthree, #price .coltwo { margin-bottom: 30px; }

.countdown-container {display: inline-block; }
.years { display: none; }


.page-template-page-webinar { background-color: rgba(34,35,36,1); background-image: url('/wp-content/themes/tcc2015/assets/webinar/webinar-background.jpg'); background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center !important; height: auto; }

.page-template-page-podcast { background-color: rgba(32,172,230,1) !important; background-image: url('/wp-content/themes/tcc2015/assets/webinar/podcast-background.jpg'); background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center !important; min-height: 100vh !important; height: 120vh !important; }

.page-template-page-podcast form { margin: 30px 0 60px 0; }
.page-template-page-podcast input, button { width: 100%; display: block; margin-bottom: 5px; -webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box; }

.page-template-page-webinar .section *, .page-template-page-webinar .wrap * { text-align: center; }
.page-template-page-webinar #registration { background: rgba(34,35,36,.5); text-align: center; }
.page-template-page-webinar #content, .page-template-page-webinar #share, .page-template-page-podcast #content, .page-template-page-podcast #share { padding: 0 0; text-align: center; }

.page-template-page-podcast p a { color: #fff; text-decoration: underline; }

.preso-date { font-weight: 500; text-transform: uppercase; margin-bottom: 30px; border-bottom: none !important; }
.preso-date:hover { text-decoration: none !important; border-bottom: none !important; }

.page-template-page-podcast article a, .page-template-page-podcast article a:hover { border: none; }

.preso-date { color: #fff; letter-spacing: 2px; margin-right: 30px; font-size: 10px; }
.preso-date:hover { color: #f4e89a }

.page-template-page-webinar h2 { font-size: 34px; color: #fff; letter-spacing: -0; margin: 10px; }
.page-template-page-podcast h2 { font-size: 45px; color: #fff; letter-spacing: -2px; margin: 15px 0; font-weight: 400; }
.page-template-page-webinar h2 img, .page-template-page-podcast h2 img { display: none; } 

.page-template-page-webinar h5, .page-template-page-podcast h5 { margin: 0 0 30px 0; color: #fff; font-size: 12px; }
.page-template-page-webinar li, .page-template-page-webinar h3, .page-template-page-podcast li, .page-template-page-podcast h3 { text-align: left !important; }

.page-template-page-webinar .preso-date img.webinar-share, .page-template-page-podcast .preso-date img.webinar-share { width: 20px; margin: 0; display: none; }
.preso-date span { display: inline-block; padding: 5px; }

.page-template-page-webinar input, .page-template-page-podcast input { width: 300px; text-align: left !important; }
.page-template-page-webinar small, .page-template-page-podcast small { display: block; margin-bottom: 15px; color: #fff; letter-spacing: 2px; }
.page-template-page-webinar #share img.webinar-share, .page-template-page-podcast #share img.webinar-share { width: 20px; height: 20px; margin: 0 15px; opacity: 1; transition: opacity .3s ease; }
.page-template-page-webinar #share img.webinar-share:hover, .page-template-page-podcast #share img.webinar-share:hover { opacity: .5; }

.boughttoyou img { max-width: 150px; margin-top: 60px; }
.page-template-page-webinar small, .page-template-page-podcast small { width: 100%; }






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

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.home h2 { font-size: 24px; }

}





@media screen and (min-width: 766px) {
	
		#rcp_login_form fieldset p, #notify_form fieldset p, #free_form fieldset p, #rcp_registration_form fieldset p, #rcp_profile_editor_form fieldset p, #affwp-register-form fieldset p, #affwp-login-form fieldset p { display: block; float: left; width: 50%; margin-bottom: 15px; }
	#rcp_registration_form fieldset p#rcp_discount_code_wrap { width: 100% !important; }


	#slide { font-size: 14px; }
	.section { width: 710px; padding: 60px 0; margin: 0 auto; }
	#countdownwrap .section { padding: 15px 0; }
	#countdownwrap .title, #countdownwrap aside { text-align: auto; margin: 0; }
	.page-template-page-dashboard #content .section, .page-template-page-pricing #content .section, .page-template-page-students #content .section, .page-template-page-dashboard #content .section, #homecontent .section { padding-top: 0 !important; }
	
	.page-template-page-lesson header .section { padding-bottom: 30px; }	
	.video { margin-top: 0; }
	.video .section { padding: 30px 0 !important; }

	.highlighter { background: url("/wp-content/themes/tcc2015/assets/highlight.png") no-repeat; background-size: 100% 100%; padding: 3px 5px; display: inline-block; margin: -3px 0 0 -5px; white-space: nowrap; }
	
	.alignleft { position: relative; float: left; text-align: left; margin: 0 30px 30px 0; }
	.alignright { position: relative; float: right; text-align: right; margin: 0 0 30px 30px; }				
	img { margin-bottom: 0; }
	
	.item { margin-right: 10px; width: 226px; vertical-align: top; float: left; min-height: 350px; }
	.student { margin-right: 10px !important; }
	.end { margin-right: 0 !important; }
	.single .item { margin-right: 10px; }
	.single .end { margin-right: 0; }
	
	.coltwo { width: 305px; float: left; font-size: 14px; }
	.colthree .inner, .coltwo .inner { padding: 15px 30px; }
	.pricingmain { margin-right: 30px; width: 365px; }
	.pricingmainthree { }
	
	.signup input { width: 100%; }
	.signup button { font-size: 14px; padding: auto 0; }
	.signupcols input { width: 100%; }
	
	#uses ul.checks li { float: left; width: 295px; margin-left: 15px; }
	#uses ul.checks li:last-child { float: none; clear: both; text-align: center; display: block; margin: 0 auto 0 auto; padding-top: 30px; background-position: 0 25px; }
	
	
	.authorpic { border-radius: 1000px; overflow: hidden; width: 120px; height: 120px; text-align: left; float: left; display: block; margin: 0 30px 60px 0; }

	#slider { display: block; height: auto; position: fixed; right: 15px; bottom: -300px; width: 400px; border-radius: 3px; z-index: 10001; margin-bottom: 15px; }
	.slidercourse { background: #17191a url("/wp-content/themes/tcc2015/assets/slider-class.jpg") bottom right no-repeat; background-size: auto 100%; } 
	.slidercomms { background: #17191a url("/wp-content/themes/tcc2015/assets/slider-community.jpg") bottom right no-repeat; background-size: auto 100%; }
	.sliderlessons { background: #17191a url("/wp-content/themes/tcc2015/assets/slider-emails.jpg") bottom right no-repeat; background-size: auto 100%; } 

	#slider .inner { padding: 30px; color: #fff !important; }
	#slider .close { cursor: pointer; padding: 5px; position: absolute; top: -30px; right: 0; font-weight: 500; }
	#slider .more {}
	
		#slider h4, #slider a { float: none; margin: 0 0 15px 0; }

}








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

	#logo	{ text-align: left; }
	#logo a { text-indent: 0; margin: 0; width: auto; height: auto; font-size: 18px; float: left; display: block; padding: 18px 0 15px 60px; }
	
	nav { text-align: left; margin: 0; }
	nav li { font-size: 14px; }
	header nav { float: right; margin-top: 8px; }	
	footer nav { float: left; margin-left: -15px; }
	footer p { float: right; }
	.page-template-page-offer footer p, .page-template-page-aff footer p { float: none; }
	
	.section { width: 950px; padding: 90px 0; }
	.page-template-page-lesson header .section { padding-bottom: 30px; }	
		
	.home hr { margin: 90px 0; }
	#countdownwrap .section { padding: 15px 0; }

	.dashboard-top aside, .page-template-page-pricing #content aside { margin: 15px 0; text-align: right; }
		
	article { width: 590px; margin: 0 auto; }
	.title { width: 590px; float: left; z-index: 100; position: relative; }
	div.alt { float: right; }
	aside.alt { float: left; }
	.undercontent { width: 710px; margin: 30px auto; }
	.undercontent .inner { padding: 60px; }

	.signupcols { margin: 90px 0 0 0; }
	
	.coltwo { width: 450px; }

	.colthree { width: 200px; float: left; font-size: 14px; }	
	.pricingmainthree { width: 350px; margin-right: 10px; }
	.pricingsecondarythree { width: 260px; margin-top: 60px; margin-right: 10px;  }

	.coltwo .inner { padding: 15px 60px; }
	.pricingmain { width: 500px; }
	.pricingsecondary { width: 400px; margin-top: 60px; }
	#price .coltwo .inner { padding: 60px; }
	#uses ul.checks li { width: 415px; }
		
	.page-template-page-lesson article { margin: 0; float: left; }
	aside { width: 300px; float: right; margin: 0 0 15px 0; }
	.home small, #offernotes small { text-align: right; margin: 10px 0; }
	
	.pauljarvis aside { text-align: right; }
	#countdownwrap .title { text-align: left; margin: 5px 0 0 0; }
	#countdownwrap aside { text-align: right; margin: 0; }
	.slack aside { text-align: right; margin: 0; }

		aside input { width: 100%; display: block; }
		aside button { width: 100%; display: block; }

	.item { width: 310px; min-height: 300px; }
	.dashboard .item, .students .item { width: 306px; }

	.signup input { width: 100%; }
	.signup button { font-size: 14px; padding: auto 0; width: 100%; }
	.signupcols input { width: 100%; }
	
	.undercontent input { width: 100%; }

	.sumoform input { width: 100%; }
		
	h1, h2 { font-size: 30px; }
	header .title h2 { font-size: 45px; font-weight: 300; letter-spacing: -2px; }
	.signupcols h2 { font-size: 30px; }
	.home h2 { font-size: 32px; }

.page-template-page-podcast input { width: 400px; display: inline-block; }
.page-template-page-podcast button { width: auto; display: inline-block; }




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

	body, #homecontent p, #about p { font-size: 16px; }
	header nav { float: right; margin-top: 6px; }		
	header nav li { font-size: 14px; }
	.section { width: 1070px; }
	article { width: 710px; margin: 0 auto; }

	
	.coltwo { width: 535px; }
	.colthree { width: 300px; float: left; font-size: 14px; }	
	.pricingmainthree { width: 400px; margin-right: 10px; }
	.pricingsecondarythree { width: 300px; margin-top: 60px; margin-right: 10px;  }

	.pricingsecondary { width: 490px; }
	#uses ul.checks li { width: 475px; }
		
	.undercontent { width: 830px; margin: 30px auto; }
	
	.title { width: 710px; }
	.item { width: 350px; min-height: 260px; }
	.dashboard .item, .students .item { width: 344px; }

	.signup input { width: 100%; }
	.signup button { width: 100%; }
	.signupcols input { width: 100%; }
	
	.signupcols h2 { font-size: 30px; }
	.home h2 { font-size: 32px; }

	.page-template-page-webinar h2 { font-size: 56px; letter-spacing: -2px; margin: 0 0 30px 0; }
	.page-template-page-podcast h2 { font-size: 96px; letter-spacing: -5px; margin: 0 0 30px 0; }
	
	.page-template-page-webinar h2 img, .page-template-page-podcast h2 img { display: block; width: 100px !important; height: auto; margin: 0 auto 45px auto; text-align: center; } 

	.preso-date { font-weight: 500; border: #fff 2px solid !important; color: #fff; padding: 10px 30px; display: inline-block; vertical-align: top; line-height: 1; border-radius: 3px; font: 400 12px/1 sans-serif; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 60px; margin-right: 5px; }
	.preso-date:hover { text-decoration: none !important; border: 2px solid #f4e89a !important; }

	.page-template-page-webinar .preso-date img.webinar-share, .page-template-page-podcast .preso-date img.webinar-share { width: 20px; margin: 0; display: inline-block; }

}


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

	.section { width: 1200px; }
	article { width: 710px; margin: 0 auto; }
	
	
	.coltwo { width: 600px; }
	.colthree { width: 400px; float: left; font-size: 14px; }	
	.pricingmainthree { width: 450px; margin-right: 10px; }
	.pricingsecondarythree { width: 350px; margin-top: 60px; margin-right: 10px;  }

	.pricingsecondary { width: 550px; }
	#uses ul.checks li { width: 535px; }
		
	.title { width: 710px; }
	.item { width: 393px; min-height: 260px; }
	.dashboard .item, .students .item { width: 389px; }

	aside { width: 400px; }
}





@media print {
	
	* { background: transparent !important; color: black !important; text-shadow: none !important; }
	body { background: #fff; color: black; font: 13pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; }
	section.post-content a:after { content: " (" attr(href) ")"; } 
	tr, img { page-break-inside: avoid; }
	img { max-width:100% !important; border: 0; }
	
	nav, aside { display: none; }
}