/*
Theme Name: Your Coach Online
Theme URI: http://www.yourcoachonline.com
Author: Digital Creation
Author URI: http://www.digitalcreation.com.au
Description: A custom theme developed for Your Coach Online
Version: 1.0
Tags: corporate, responsive, blue, orange, magazine
Text Domain: yourcoachonline
*/



/* --- Reset --- */

*													{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*													{ font-family: 'Quattrocento Sans', sans-serif; font-size: 16px; line-height: 26px; margin: 0; padding: 0; }

html												{ height: 100%; }
body												{ background-color: #eeeeee; height: 100%; }



/* --- Rows and Columns --- */
.row												{ float: left; padding-right: 32px; width: 100%; }

.column												{ border: 0 solid rgba(0, 0, 0, 0); border-left-width: 32px; float: left; padding: 0; }
.column												{ -moz-background-clip: padding-box !important; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; }

.span-1												{ width: 08.333%; }
.span-2												{ width: 16.666%; }
.span-3												{ width: 25.000%; }
.span-4												{ width: 33.333%; }
.span-5												{ width: 41.666%; }
.span-6												{ width: 50.000%; }
.span-7												{ width: 58.333%; }
.span-8												{ width: 66.666%; }
.span-9												{ width: 75.000%; }
.span-10											{ width: 83.333%; }
.span-11											{ width: 91.666%; }
.span-12											{ margin-left: 0; width: 100%; }



/* --- Common --- */
h1, h2, h3, h4, h5, h6								{ display: inline-block; font-family: "Oswald", Verdana, sans-serif; margin: 0; margin-top: 32px; padding: 0; width: 100%; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ font-family: "Oswald", Verdana, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a					{ font-family: "Oswald", Verdana, sans-serif; }

h1, h1 span											{ font-size: 40px; line-height: 56px; }
h2, h2 span											{ font-size: 32px; line-height: 48px; }
h3, h3 span											{ font-size: 24px; line-height: 40px; }
h4, h4 span											{ font-size: 16px; line-height: 32px; }
h5, h5 span											{ font-size: 16px; line-height: 32px; }
h6, h6 span											{ font-size: 16px; line-height: 32px; }

h1 a												{ font-size: 40px; line-height: 56px; }
h2 a												{ font-size: 32px; line-height: 48px; }
h3 a												{ font-size: 24px; line-height: 40px; }
h4 a												{ font-size: 16px; line-height: 32px; }
h5 a												{ font-size: 16px; line-height: 32px; }
h6 a												{ font-size: 16px; line-height: 32px; }

p													{ float: left; margin: 0; margin-top: 32px; padding: 0; width: 100%; }

img													{ display: block; float: left; height: auto; margin-top: 32px; width: 100%; }
p img												{ margin-top: 0; }

a													{ color: #00a0df; text-decoration: none;}
a													{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
a:hover, a:focus									{ color: #0064c3; text-decoration: none; }
a:focus												{ outline: none; }

a.button				 							{ background: #00a0df; border-bottom: 2px solid #0064c3; color: #ffffff; display: inline-block; font-weight: bold; height: 40px; line-height: 40px; margin-top: 32px; padding: 0 16px; text-align: center; text-decoration: none; }
a.button:hover										{ background: #0064c3; border-bottom: 2px solid #003fab; }

blockquote											{ border-left: 1px solid #cccccc; display: inline-block; font-style: italic; margin-top: 32px; padding-left: 32px; width: 100%; }
blockquote p:first-child							{ margin-top: 0; }

hr													{ border: none; border-top: 1px solid #cccccc; display: block; float: left; margin: 32px 0 0 0; width: 100%; }

i.fa												{ display: inline-block; text-align: center; width: 16px; }

ol													{ clear: both; float: left; list-style-type: decimal; margin: 0; margin-top: 32px; padding-left: 32px; width: 100%; }
ol ol												{ list-style-type: decimal; margin-top: 0; }
ol ul												{ list-style-type: square; margin-top: 0; }

ul													{ clear: both; float: left; list-style-type: square; margin: 0; margin-top: 32px; padding-left: 32px; width: 100%; }
ul ol												{ list-style-type: decimal; margin-top: 0; }
ul ul												{ list-style-type: square; margin-top: 0; }

ol li												{ clear: both; }
ul li												{ clear: both; }

p + ul												{ margin-top: 8px; }
p + ol												{ margin-top: 8px; }

abbr i												{ color: #00a0df; cursor: help; font-size: 24px; height: 24px; text-align: center; width: 24px; }
abbr i:hover										{ color: #33ccff; }



/* --- Tables --- */
table												{ border: 1px solid #eeeeee; border-collapse: collapse; border-spacing: 0; float: left; margin-top: 32px; width: 100%; }

table tr:nth-child(odd)								{ background-color: #f6f6f6; }
table tr:nth-child(even)							{ background-color: #fcfcfc; }

table th											{ background-color: #cccccc; font-weight: bold; line-height: 40px; padding: 0 16px; text-align: left; vertical-align: top; }

table td											{ font-weight: normal; line-height: 40px; padding: 0 16px; vertical-align: top; }
table td:first-child								{ text-align: left; }

table td ol											{ margin-bottom: 8px; margin-top: 8px; }
table td ul											{ margin-bottom: 8px; margin-top: 8px; }



/* --- Forms --- */
form												{ display: block; float: left; width: 100%; }

form .row											{ padding: 0; padding-bottom: 12px; }
form .row .column									{ border-left: none; padding: 0; }

form label											{ display: inline-block; }

form input[type="text"]								{ background-color: #fefefe; border: 1px solid #dddddd; border-radius: 0; display: inline-block; height: 40px; line-height: normal; max-width: 540px; padding: 4px; width: 100%; }
form input[type="email"]							{ background-color: #fefefe; border: 1px solid #dddddd; border-radius: 0; display: inline-block; height: 40px; line-height: normal; max-width: 540px; padding: 4px; width: 100%; }
form input[type="password"]							{ background-color: #fefefe; border: 1px solid #dddddd; border-radius: 0; display: inline-block; height: 40px; line-height: normal; max-width: 540px; padding: 4px; width: 100%; }
form input[type="tel"]								{ background-color: #fefefe; border: 1px solid #dddddd; border-radius: 0; display: inline-block; height: 40px; line-height: normal; max-width: 540px; padding: 4px; width: 100%; }
form input[type="number"]							{ background-color: #fefefe; border: 1px solid #dddddd; border-radius: 0; display: inline-block; height: 40px; line-height: normal; max-width: 540px; padding: 4px; width: 100%; }
form input[type="date"]								{ background-color: #fefefe; border: 1px solid #dddddd; border-radius: 0; display: inline-block; height: 40px; line-height: normal; max-width: 540px; padding: 4px; width: 100%; }

form textarea										{ background-color: #fefefe; border: 1px solid #dddddd; border-radius: 0; display: inline-block; line-height: 24px; max-width: 540px; padding: 4px; width: 100%; }

form select											{ background-color: #f6f6f6; border: 1px solid #cccccc; display: inline-block; height: 40px; line-height: 32px; max-width: 540px; padding: 4px; width: 100%; }

form .options-list									{ display: inline-block; float: left; }
form label											{ display: inline-block; width: auto; }
form input[type="checkbox"]							{ clear: both; display: inline-block; line-height: 40px; margin-right: 8px; vertical-align: middle; }
form input[type="radio"]							{ clear: both; display: inline-block; line-height: 40px; margin-right: 8px; vertical-align: middle; }

form button											{ -webkit-appearance: none; background-color: #00a0df; border: none; border-bottom: 2px solid #0064c3; border-radius: 0; color: #ffffff; display: inline-block; float: left; font-weight: bold; line-height: 40px; max-width: 540px; padding: 0 16px; text-align: center; width: 100%; }
form input[type="button"]							{ -webkit-appearance: none; background-color: #00a0df; border: none; border-bottom: 2px solid #0064c3; border-radius: 0; color: #ffffff; display: inline-block; float: left; font-weight: bold; line-height: 40px; max-width: 540px; padding: 0 16px; text-align: center; width: 100%; }
form input[type="reset"]							{ -webkit-appearance: none; background-color: #00a0df; border: none; border-bottom: 2px solid #0064c3; border-radius: 0; color: #ffffff; display: inline-block; float: left; font-weight: bold; line-height: 40px; max-width: 540px; padding: 0 16px; text-align: center; width: 100%; }
form input[type="submit"] 							{ -webkit-appearance: none; background-color: #00a0df; border: none; border-bottom: 2px solid #0064c3; border-radius: 0; color: #ffffff; display: inline-block; float: left; font-weight: bold; line-height: 40px; max-width: 540px; padding: 0 16px; text-align: center; width: 100%; }

form button											{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
form input[type="button"]							{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
form input[type="reset"]							{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
form input[type="submit"] 							{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

form button:hover									{ background-color: #33ccff; border-bottom: 2px solid #0aa3ff; cursor: pointer; }
form input[type="button"]:hover						{ background-color: #33ccff; border-bottom: 2px solid #0aa3ff; cursor: pointer; }
form input[type="reset"]:hover						{ background-color: #33ccff; border-bottom: 2px solid #0aa3ff; cursor: pointer; }
form input[type="submit"]:hover						{ background-color: #33ccff; border-bottom: 2px solid #0aa3ff; cursor: pointer; }

form input[type="file"]								{ height: 40px; }

form input:disabled									{ background-color: #ffffff; border: none; color: #cccccc; }

form input:focus									{ outline: none; }
form button:focus									{ outline: none; }
form textarea:focus									{ outline: none; }

form table											{ border-bottom: 1px solid #dddddd; }
form table tr										{ border-top: 1px solid #dddddd; }
form table tr:nth-child(odd)						{ background-color: transparent; }
form table tr:nth-child(even)						{ background-color: transparent; }
form table td										{ padding: 16px; vertical-align: top; }

form hr												{ border-top: 1px solid #eeeeee; float: left; margin: 0; padding: 0; height: 64px; }

form .validation									{ display: inline-block; float: left; line-height: 40px; }
form .validation i									{ color: #00a0df; font-size: 24px; line-height: 40px; margin-right: 8px; }

form .wysiwyg										{ border: 1px solid #cccccc; border-bottom: none; list-style: none; margin: 0; padding: 0; }
form .wysiwyg li									{ display: inline-block; height: 40px; line-height: 40px; text-align: center; width: 40px; }

form .date-time										{ display: table; width: 100%; }
form .date-time input								{ display: table-cell; }
form .date-time i									{ border: 1px solid #cccccc; border-left: none; display: table-cell; height: 38px; line-height: 38px; text-align: center; vertical-align: top; width: 40px; }

form .colour img									{ margin: 0; width: 333px; }

form .accordion .ui-accordion-content				{ background-color: #ffffff; padding: 0; }

form .url											{ display: table; width: 100%; }
form .url p											{ display: table-cell; height: 40px; line-height: 40px; margin: 0; padding: 0; vertical-align: top; }
form .url input										{ display: table-cell; }

table.form											{ max-width: 960px; }
table.form .button									{ margin-top: 0; width: 100%; }
table.form p										{ margin-top: 0; }
table img											{ height: 40px; margin: 0; width: auto; }

.required											{ color: #ff0000; }


/* --- Contact Form 7 --- */
.wpcf7												{ float: left; width: 100%; }

.wpcf7 br											{ display: none; }

.wpcf7 .required									{ color: #00a0df; font-weight: bold; }

.wpcf7-form-control-wrap							{ display: block; float: right; width: 100%; }
.wpcf7-form-control-wrap > input					{ width: 100% !important; }
.wpcf7-form-control-wrap > textarea					{ width: 100% !important; }
.wpcf7-form-control-wrap > select					{ width: 100% !important; }

.wpcf7-captchac										{ border: 1px solid #dddddd; float: left; height: 40px; margin: 0; width: auto; }

.wpcf7 .ajax-loader									{ display: none; }

.wpcf7-not-valid-tip								{ border: 1px solid #00a0df; display: block; float: left; margin-top: 16px; }
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip	{ font-size: 14px; line-height: 40px; padding: 0 16px; position: relative; top: 0; width: 100%; }
span.wpcf7-not-valid-tip							{ color: #000000; }

.wpcf7-form div.wpcf7-response-output				{ border: none; color: #ffffff; display: block; float: left; margin: 32px 0 0 0; padding: 2%; width: 100%; }

.wpcf7-validation-errors							{ background-color: #00a0df; }
.wpcf7-mail-sent-ok									{ background-color: #2ecc71; }

.wpcf7 em											{ color: #00a0df; font-weight: bold; }

.wpcf7 .ui-datepicker								{ width: 100%; }




/* -------------------------------------------------------------------------------------------------------------------------------- */



/* --- Website --- */
.website											{ float: left; padding-left: 240px; width: 100%; }



/* --- Header --- */
.header												{ background-color: #333333; bottom: 0; left: 0; padding-bottom: 32px; position: fixed; top: 0; width: 240px; z-index: 9999; }
.header												{ -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.75); }

.header .logo										{ float: left; }

.header .slogan										{ color: #ffffff; font-style: italic; }

.header .menu-toggle								{ float: right; height: 40px; margin-top: 12px; padding: 0; width: 40px; }

.header .sidebar									{ float: left; width: 100%; }

.header .menu										{ padding-left: 0; }
.header .menu li									{ border-top: 1px solid #444444; display: block; float: left; width: 100%; }
.header .menu li:first-child						{ border-top: none; }
.header .menu li a									{ color: #ffffff; font-size: 14px; line-height: 24px; }

.header .member-menu								{ float: left; }
.header .member-menu .menu li a						{ color: #e9540d; }

.header .mobile-menu								{ display: none; float: right; margin-top: 16px; padding: 0 16px; text-align: center; }

.member-area										{ background-color: #00a0df; border: 4px solid #e9540d; margin-top: 32px; padding-bottom: 32px; padding-top: 32px; }
.member-area .menu									{ margin-top: 0; }
.member-area .menu li								{ border-top: 1px solid #40b8e7 !important; }


/* --- Content --- */
.content											{ float: left; width: 100%; }

.content .featured-image							{ float: left; width: 100%; }
.content .featured-image img						{ margin-top: 0; }


.search-excerpt										{ background-color: #bfe7f7; }



/* --- Social Sharing --- */
.share												{ padding-left: 0; }
.share li											{ display: inline-block; }
.share li a											{ color: #ffffff; padding: 8px; }
.share li a span									{ display: inline-block; }
.share li a i										{ width: 24px; }

.share .facebook									{ background-color: #3b5998; }
.share .facebook:hover								{ background-color: #4c70ba; }

.share .twitter										{ background-color: #00aced; }
.share .twitter:hover								{ background-color: #21c2ff; }

.share .linkedin									{ background-color: #007bb6; }
.share .linkedin:hover								{ background-color: #009de9; }

.share .reddit										{ background-color: #ff5700; }
.share .reddit:hover								{ background-color: #ff7933; }

.share .email										{ background-color: #666666; }
.share .email:hover									{ background-color: #808080; }



/* --- Video --- */
.home .video										{ background-image: url(images/featured-image.jpg); background-position: center center; background-size: cover; text-align: center; }
.home .video .column								{ line-height: 0; padding-bottom: 32px; padding-top: 32px; text-align: center; }
.home .video #home-video							{ margin: 0 auto; }

.video-container									{ margin: 0 auto; max-width: 720px; }
.video-js 											{ float: left; height: 0 !important; padding-top: 56.25% !important; position: relative !important; width: 100% !important; }




/* --- Home --- */
.home .page											{ padding-bottom: 32px; }

.home .icon-blocks .column							{ text-align: center; }
.home .icon-blocks .column img						{ display: inline-block; float: none; width: 96px; }
.home .icon-blocks .column p						{ margin-top: 16px; text-align: left; }
.home .icon-blocks .column ul						{ margin-top: 16px; }
.home .icon-blocks .column li						{ text-align: left; }

.home .description h3								{ text-align: center; }

.home .call-to-action								{ background-color: #e9540d; font-size: 0; padding-bottom: 32px; text-align: center; }
.home .call-to-action p								{ color: #ffffff; display: inline-block; float: none; font-size: 24px; line-height: 40px; margin-right: 32px; vertical-align: top; width: auto; }
.home .call-to-action .button						{ display: inline-block; float: none; height: 40px; font-size: 24px; line-height: 40px; padding: 0 32px; vertical-align: top; width: auto; }

/* --- comment out entire section .home .sen p so that the whole background, border, img & text is no longer visible 19-1-16*/
/* .home .sen										{ background-color: #e9540d; margin-top: 32px; padding-bottom: 100px; }
.home .sen img										{ height: 48px; margin-right: 16px; margin-top: 16px; width: auto; }
.home .sen p										{ color: #e9540d; font-size: 20px; line-height: 48px; margin-top: 16px; width: auto; }
.home .sen strong									{ font-size: 24px; font-weight: bold; } */



/* --- Opening --- */

.opening img										{ margin-top: 0; }
.opening .banner									{ background-position: center center; background-size: cover; float: left; height: 0; padding-top: 37.5%; width: 100%; }



/* --- Checkout --- */
.pmpro_submit										{ float: left; width: 100%; }
.pmpro_submit #pmpro_processing_message				{ float: left; width: 100%; }



/* --- Pages --- */
.content .page										{ padding-bottom: 32px; }



/* --- People --- */
.people												{ float: left; padding-bottom: 32px; }



/* --- Sections --- */
.sections .row										{ padding-bottom: 32px; }



/* --- Gallery --- */
.gallery											{ float: left; width: 100%; }
.gallery img										{ margin-top: 32px; }



/* --- Testimonials --- */
.testimonial-blocks									{ display: table; padding: 32px 16px 0 16px; width: 100%; }
.testimonial-blocks .block							{ background-color: #e9540d; display: table-cell; border-left: 16px solid #eeeeee; border-right: 16px solid #eeeeee; vertical-align: top; width: 33.333%; }
.testimonial-blocks img								{ margin-top: 0; }
.testimonial-blocks .content							{ color: #ffffff; float: left; padding: 0 32px 32px 32px; width: 100%; }




.zhome .testimonials									{ display: table;  }
.zhome .testimonials .test-block						{ background-color: #e9540d; display: table-cell; border-left: 16px solid #eeeeee; border-right: 16px solid #eeeeee; vertical-align: top; width: 33.333%; }




/* --- Sign In / Sign Out --- */
#theme-my-login										{ float: left; padding: 0; width: 100%; }

#theme-my-login .error								{ border: 2px solid #df2020; padding: 16px; }
#theme-my-login .message							{ border: 2px solid #20df92; padding: 16px; }

#theme-my-login #loginform p						{ margin: 0; width: 100%; }
#theme-my-login #loginform p input					{ clear: both; }

#theme-my-login #loginform .forgetmenot				{ margin-top: 32px; }
#theme-my-login #loginform .submit					{ margin-top: 32px; }

#theme-my-login .tml-action-links					{ display: block; float: left; margin: 0; padding: 0; width: 100%; }
#theme-my-login .tml-action-links li				{ display: block; float: left; margin: 0; width: 100%; }

#theme-my-login table								{ margin-top: 32px; }
#theme-my-login table td							{ text-align: left; }
#theme-my-login table td textarea					{ float: none; }
#theme-my-login table td .description				{ display: block; float: left; margin-top: 8px; width: 100%;}



/* --- Ideas That Work --- */
.ideas												{ float: left; margin-top: 32px;  }
.ideas .row											{ padding-bottom: 32px; padding-top: 32px; }
.ideas .odd .span-10								{ border-left: none; }
.ideas .even .span-2								{ border-left: none; }
.ideas .idea-content								{ background-color: #ffffff; border-radius: 16px; float: left; padding: 0 32px 32px 32px; width: 100%; }



/* --- Posts --- */
.post-list											{ float: left; padding-bottom: 32px; width: 100%; }
.post-list .row										{ border-top: 1px solid #dddddd; margin-top: 32px; }
.post-list .pmpro_content_message					{ float: left; font-weight: bold; margin-top: 32px; width: 100%; }

.post-list .banner									{ background-position: center center; background-size: cover; float: left; height: 0; margin-top: 32px; padding-top: 37.5%; width: 100%; }



/* --- Test --- */
.test .image-container								{ background-color: #ffffff; float: left; height: 0; margin-top: 32px; padding-top: 37.5%; position: relative; width: 100%; }
.test .image-container a							{ background-position: center center; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.test .image-container a:hover						{ opacity: 0.75; }

.flex-test											{ display: flex; flex-direction: row; flex-wrap: wrap; float: left; justify-content: flex-start; padding: 0 16px; width: 100%; }
.flex-test .post									{ padding: 0 16px; width: 33.333%; }

.flex-test .post .meta .date						{ color: #999999; font-size: 12px; }
.flex-test .post .meta .category					{ float: right; }
.flex-test .post .meta .category a					{ color: #000000; font-size: 12px; font-weight: bold; text-transform: uppercase; }

.flex-test .image-container							{ background-color: #ffffff; float: left; height: 0; margin-top: 32px; padding-top: 37.5%; position: relative; width: 100%; }
.flex-test .image-container a						{ background-position: center center; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.flex-test .image-container a:hover					{ opacity: 0.75; }




/* --- Single Post --- */
.row.single-post 									{ padding-bottom: 32px; }

.pmpro_content_message								{ float: left; font-weight: bold; margin-top: 32px; }

.audio-embed										{ float: left; margin-top: 32px; width: 100%; }



/* --- Audio --- */
.audio-embed										{ float: left; margin-top: 32px; width: 100%; }



/* --- Related Posts --- */
.related-posts										{ background-color: #dddddd; float: left; padding-bottom: 32px; width: 100%; }
.related-posts img									{ margin-top: 32px; }



/* --- Popular Posts --- */
.popular-posts													{ float: left; padding-bottom: 32px; width: 100%; }
.popular-posts img												{ margin-top: 32px; }



/* --- Subscriptions --- */
.subscription													{ background-color: #fcfcfc; margin-top: 32px; padding: 0 32px 32px 32px; }
.subscription img												{ float: none; margin: 32px auto 0 auto; max-width: 240px; width: 100%; }
.subscription h2												{ text-align: center; }
.subscription h3												{ text-align: center; }
.subscription ul												{ border-bottom: 1px solid #999999; padding-left: 0; }
.subscription ul li												{ border-top: 1px solid #999999; display: block; float: left; padding: 8px 0; text-align: left; width: 100%; }
.subscription a.button											{ width: 100%; }



/* --- PMP --- */
.pmpro_success													{ border: 2px solid #2ecc71; padding: 16px; }
.pmpro_error													{ border: 2px solid #df2020; padding: 16px; }

table .pmpro_actionlinks										{ padding-bottom: 32px; }
.pmpro_actionlinks												{ float: left; width: 100%; }
.pmpro_actionlinks a											{ background: #00a0df; border-bottom: 2px solid #0064c3; color: #ffffff; display: inline-block; font-weight: bold; height: 40px; line-height: 40px; margin-top: 32px; padding: 0 16px; text-align: center; text-decoration: none; }
.pmpro_actionlinks a:hover										{ background: #0064c3; border-bottom: 2px solid #003fab; color: #ffffff; }

.pmpro_btn														{ background: #00a0df; border-bottom: 2px solid #0064c3; color: #ffffff; display: inline-block; font-weight: bold; height: 40px; line-height: 40px; margin-top: 32px; padding: 0 16px; text-align: center; text-decoration: none; }
.pmpro_btn:hover												{ background: #0064c3; border-bottom: 2px solid #003fab; color: #ffffff; }

.pmpro_a-print													{ display: none; }

.pmpro_asterisk													{ display: none; }

#pmpro_paypalexpress_checkout									{ float: left; line-height: 0; margin-top: 32px; width: 100%; }
#pmpro_paypalexpress_checkout:hover								{ }

#pmpro_processing_message										{ clear: both; float: left; margin-top: 32px; }
#pmpro_processing_message img									{ display: inline-block; float: none; width: 16px; margin-top: 0; }



/* --- Support System --- */
.question-index													{ background-color: #f6f6f6; float: left; margin-top: 32px; padding: 0 32px 32px 32px; width: 100%; }
.question-single												{ background-color: #f6f6f6; float: left; margin-top: 32px; padding: 0 32px 32px 32px; width: 100%; }
.question-reply													{ border: 1px solid #dddddd; float: left; margin-top: 32px; padding: 0 32px 32px 32px; width: 100%; }

.support-system-attachments										{ float: left; width: 100%; }
.support-system-attachments ul									{ margin: 0; padding: 0; }
.support-system-attachments ul li								{ display: block !important; float: left; margin-bottom: 16px; width: 100%; }
.support-system-attachments ul li input[type="file"]			{ max-width: 320px; }
.support-system-attachments ul li .button						{ margin: 0; float: right; font-size: 0; }
.support-system-attachments ul li .button:before				{ content: "X"; font-size: 16px; }
.support-system-attachments button								{ }
.support-system-attachments p									{ margin-top: 16px; }

.question-pagination											{ float: left; margin-top: 32px; padding: 0; width: 100%; }
.question-pagination li											{ display: inline-block; }
.question-pagination li a										{ background-color: #00a0df; border-bottom: 2px solid #0064c3; color: #ffffff; display: block; float: left; font-weight: bold; height: 40px; line-height: 40px; margin-right: 8px; padding: 0 16px; text-align: center; width: 40px; }
.question-pagination li a:hover									{ background-color: #0064c3; border-bottom: 2px solid #003fab; }
.question-pagination .support-system-prev a						{ width: auto; }
.question-pagination .support-system-next a						{ width: auto; }
.question-pagination .current a									{ background-color: transparent; border: 1px solid #cccccc; border-bottom: 2px solid #cccccc; color: #cccccc; }
.question-pagination .current a:hover							{ background-color: transparent; border: 1px solid #cccccc; border-bottom: 2px solid #cccccc; cursor: default; }

.mce-path.mce-first.mce-flow-layout-item						{ display: none !important; }








/* --- Pagination --- */
.pagination											{ border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; float: left; margin-top: 32px; padding-bottom: 32px; padding-top: 32px; text-align: center; width: 100%; }

.pagination a.page-numbers							{ -webkit-appearance: none; background-color: #00a0df; border-bottom: 2px solid #0064c3; color: #ffffff; display: block; float: left; font-weight: bold; height: 40px; line-height: 40px; margin-right: 8px; padding: 0 16px; text-align: center; width: 40px; }
.pagination a.page-numbers 							{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.pagination a.page-numbers:hover					{ background-color: #0064c3; border-bottom: 2px solid #003fab; cursor: pointer; }

.pagination a.prev									{ width: auto; }
.pagination a.next									{ width: auto; }

.pagination span.page-numbers						{ border: 1px solid #cccccc; border-bottom: 2px solid #cccccc; color: #cccccc; display: block; float: left; font-weight: bold; height: 40px; line-height: 40px; margin-right: 8px; text-align: center; width: 40px; }



/* --- Widgets --- */
.widget												{ float: left; }
.header .widget										{ width: 100%; }
.widget > div										{ float: left; width: 100%; }
.widget h3											{ color: #ffffff; display: block; float: left; }
.widget h4											{ color: #ffffff; display: block; float: left; }
.widget p											{ color: #666666; float: left; font-size: 14px; margin-top: 16px; }

.widget ul											{ border-bottom: 1px solid #292929; display: block; float: left; line-height: 24px; margin-left: 0; padding: 0; width: 100%; }
.widget ul li										{ border-top: 1px solid #292929; display: inline-block; margin: 0; padding: 0; width: 100%; }
.widget ul li a										{ font-size: 14px; }

.widget .searchform div								{ display: block; float: left; position: relative; width: 100%; }
.widget .searchform label							{ display: none; }
.widget .searchform input[type="text"]				{ border-right: 40px solid #ffffff; display: block; float: left; width: 100%; }
.widget .searchform input[type="submit"]			{ background-image: url(images/icon-search.png); background-position: center center; background-repeat: no-repeat; display: block; overflow: hidden; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 40px; }

.widget .recent-posts li							{ background: none; display: table; padding: 16px 0 16px 0; table-layout: fixed; width: 100%; }
.widget .recent-posts li:hover						{ padding-left: 8px; }

.widget .textwidget									{ float: left; }

.widget .tagcloud									{ float: left; margin-top: 32px; }
.widget .tagcloud a									{ background-color: #00a0df; color: #ffffff; padding: 4px; }
.widget .tagcloud a:hover							{ background-color: #0064c3; }



/* --- Footer --- */
.footer												{ background-color: #222222; float: left; width: 100%; }



/* --- Copyright --- */
.copyright											{ background-color: #222222; float: left; padding-bottom: 32px; width: 100%; }

.copyright ul li a i								{ color: #999999; font-size: 24px; }
.copyright ul li a:hover i							{ color: #ffffff; }

.copyright .menu									{ padding-left: 0; margin-top: 32px; }
.copyright .menu li									{ clear: none; display: inline-block; font-size: 12px; margin: 0; margin-right: 8px; width: auto; }
.copyright .menu li a								{ color: #ffffff; font-size: 12px; }

.copyright p										{ color: #ffffff; font-size: 12px; margin-top: 0; width: 100%; }

.copyright #thawteseal img							{ margin-top: 0; }



/* --- Notice --- */
.notice												{ background-color: #019dda; padding-bottom: 16px; }
.notice *											{ color: #ffffff; }
.notice img											{ height: 48px; margin-right: 16px; margin-top: 16px; width: auto; }
.notice p											{ font-size: 20px; line-height: 48px; margin-top: 16px; width: auto; }
.notice strong										{ font-size: 24px; font-weight: bold; }



/* --- Coming Up --- .coming-up h3 added with color: #00a0df so that the visible text is the same as the background-color 19-1-16*/
.coming-up											{ background-color: #00a0df; padding-bottom: 32px; }
.coming-up p										{ color: #00a0df; }
.coming-up h3									{ color: #00a0df; }


/* --- Sitemap --- */
.sitemap-list										{ padding-left: 0; }
.sitemap-list li									{ display: block; float: left; width: 100%; }




/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
	.notice p										{ font-size: 18px; }
	.notice strong									{ font-size: 18px; }
	
	.testimonials .span-8							{ border-left: none; width: 100%; }
	
	.post-list .column								{ width: 50%; }
	
	.subscription									{ width: 100%; }
	.subscription img								{ max-width: 256px; }
	
	
}



/* --- iPad Portrait --- */
@media screen and (max-width: 768px) {
	.website										{ padding-left: 0; }
	
	.header											{ float: left; overflow: hidden; padding-bottom: 16px; position: relative; width: 100%; }
	.header img										{ height: 40px; margin-top: 16px; width: auto; }
	.header .mobile-menu							{ display: block; }
	.header .sidebar								{ display: none; }
	
	.post-list .column								{ width: 100%; }
	
	.notice											{ text-align: center; }
	.notice img										{ display: inline-block; float: none; height: 32px; line-height: 32px; margin-right: 16px; width: auto; vertical-align: top; }
	.notice p										{ display: inline-block; float: none; line-height: 32px; margin: 0; margin-top: 16px; vertical-align: top; }
	
	.ideas .span-2									{ display: none; }
	.ideas .odd .span-10							{ border: 0 solid rgba(0, 0, 0, 0); border-left-width: 32px; width: 100%; }
	.ideas .even .span-10							{ border: 0 solid rgba(0, 0, 0, 0); border-left-width: 32px; width: 100%; }
	
	.popular-posts .column							{ width: 100%; }
	
	.footer .column									{ width: 50%; }

}

/* --- Mobile Portrait --- */
@media screen and (max-width: 480px) {
	.content										{ width: 100%; }
	.content .column								{ width: 100%; }
	
	.home .video									{ padding: 0; }
	.home .video .column							{ border-left-width: 0; padding: 0; }
	
	.home .testimonial-blocks						{ display: block; float: left; margin: 0; padding: 0 32px; width: 100%; }
	.home .testimonial-blocks .test-block			{ border: none; float: left; margin-top: 32px; width: 100%; }
	
	.testimonial-blocks								{ display: block; float: left; margin: 0 0 32px 0; padding: 0 32px; width: 100%; }
	.testimonial-blocks .block						{ border: none; float: left; margin-top: 32px; width: 100%; }
	
	.home .popular-posts a.button					{ width: 100%; }
	
	.notice img										{ margin-right: 0; }
	
	.pagination .span-4								{ display: none; }
	
	.subscriptions .plan-block						{  }
	.subscriptions img								{ max-width: 160px; text-align: center; }
	
	table.form										{ width: 100%; }
	table.form tr									{ display: block; float: left; padding-bottom: 8px; width: 100%; }
	table.form td									{ display: block; float: left; padding: 8px 0 0 0; width: 100%; }

}