/* fix mobile header */
header#masthead {
    height: 2.5rem;
    margin: 0;
    max-width: 100%;
}

:root{
--global--font-size-xxl: 3rem;
--table--hover-background-color: lightgray;		
--quote--font-weight: 300;
}

.is-dark-theme.is-dark-theme {
--table--hover-background-color: black;	
}

.wp-block-quote:before {
	content: "";
}

.wp-block-quote {
	    border-left: 0.25em solid gray;
	font-weight: normal;
}


.wp-block-table {
	border: 0 px solid blue;
	  
}
tr:hover {background-color: var(--table--hover-background-color);}

table td, table th, .wp-block-table td, .wp-block-table th {
    padding: calc(0.5 * var(--global--spacing-unit));
    border: 1px solid gray;
}

.wp-block-table th {
	border-bottom: 3px solid gray;
}

table th {
	border-bottom: 1px solid gray;
}



.entry-title a {
	font-size: 2rem;
}



.bannerzoom {
  padding-bottom: 10px;
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}


.bannerzoom:hover {
  transform: scale(1.02); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.callout {
  padding: 1rem 1rem 1rem 3rem;
  background: #3f485a;
  border: 0px solid #3740ff;
  color: ##f6f7f7;
  position: relative;
  max-width: 40rem;
	border-radius:15px;
}

.callout::before {
  content: "";
  background-size: cover;
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  position: absolute;
  left: 1rem;
}

.callout p + p {
  margin-top: 1em;
}

.callout a {
  color: ##f6f7f7;
  font-weight: regular;
}

.wp-block-pullquote blockquote::before {
	content:"";
}

.wp-block-pullquote p {
	font-weight:400;
}

li {
	padding-top : 10px;
}

.newsletter {
  color: ##f6f7f7;
  font-weight: regular;
}

code {
	background-color: #555963;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.9em;
}

.wp-block-code{
	border-style:none;
	padding: 0;
}


.supplementary {
  padding: 1rem 1rem 1rem 3rem;
  background: #1A4464;
  border: 0px solid #3740ff;
  color: ##f6f7f7;
  position: relative;
  max-width: 40rem;
}

.supplementary::before {
  content: "";
  background-size: cover;
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  position: absolute;
  left: 1rem;
}

.supplementary p + p {
  margin-top: 1em;
}

.supplementary a {
  color: ##f6f7f7;
  font-weight: regular;
}



/* -- Call out for my products START  ---*/
.product-callout-box-title {
	font-size: 0.7em;
	color: #FFFFFF;
	text-align:left;
}

.product-callout-box {
	padding: 0.5rem 1rem 1rem 1rem;	
	background-color:var(--global--color-gray);
	text-align:left;
	color: #FFFFFF;
	border-radius:10px;
	margin-top: 5rem;
	margin-bottom: 5rem;
	min-height:10rem;
}

.product-callout-box-text span {
	color: white;
	font-weight:bold;
}

.product-callout-box-text {
	text-align:center;
	margin: 2rem;

}

.product-callout-box a {
	color:white !important;
}

.product-callout-box a:active {
  text-decoration: none;
	color:#FFFFFF;
}

.product-callout-box-text:hover {
	 text-decoration: underline;
}

/* -- Call out for my products END  ---*/

.tw-header-padding-large {
	    --header--padding:0px;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	height: auto;	
}

.primary-navigation a {
	padding: 0 0;

}



.site-title {
	font-size:1.3rem;
		padding-top: 10px;
}

@media(max-width:480px){
	.site-title  {
		font-size:1rem;
	}
}




html {
      scroll-padding-top: 60px;
}



/* disable feature image on mobile */

@media(max-width:480px){
.post-thumbnail {
	display: none !important;
}
}


img {
  display: block;
  margin-left: auto;
  margin-right: auto;	
}

.w-full img {
	width:100% !important;
	
}

/* sticky header on desktop but not mobile START */
@media(min-width:961px){
.site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    transition: background-color 110ms ease-out,border-color 110ms ease-out,box-shadow 110ms ease-out;
}
	
.site-header {
    background-color: var(--header--color-background);
    max-width: none;
    padding-left: calc(50% - var(--responsive--alignwide-width)/2);
    padding-right: calc(50% - var(--responsive--alignwide-width)/2);
    padding-bottom: var(--header--padding);
	row-gap: 0px;
}	
}

.site-header{
	padding-bottom: calc(var(--global--spacing-vertical))/2 !important;	
}

/* sticky header on desktop but not mobile END */



.wp-block-latest-posts__post-title {
	font-size: 1.4rem !important;
	
}

.sidebar-button {
	padding-top: 3rem;
	padding-bottom: 3rem;	
	
}

/* ensure sidebar at least 300px for Mediavine */
.blog-sidebar {
	padding-inline-start: 40px;
}


/* Mediavine Mobile CSS */
@media only screen and (max-width: 359px){
    #primary  {
       padding-left: 10px!important;
       padding-right: 10px!important;
       min-width:100%!important;
    }
} 

/*mediavine ad background color*/
.mv-ad-box  {
	background-color:#2a303c !important;
	
}
.mv-rail-slide-400,.mv-rail-frame-440,.mv-rail-slide-600 {
	background-color:#2a303c !important;
}

div#adhesion_desktop_wrapper,div#adhesion_mobile_wrapper {
    background-color: #2a303c;
}


.post-thumbnail {
max-width: var(--responsive--aligndefault-width) !important;
}

/*Add corner radius to all images*/
img {
	border-radius: 15px;
}

/*Add corner radius to TOC box*/
#toc_container{
	border-radius: 15px;
}

/*callouts sidebar*/
.callout2 {
	border-radius: 15px;
}

/*copy to clipboard button */
.copy-the-code-inside-wrap.copy-the-code-style-svg-icon .copy-the-code-button:not(:hover)
  {
		background-color:transparent;
		color:white;
		
}

.copy-the-code-inside-wrap.copy-the-code-style-svg-icon .copy-the-code-button 
  {
	    right: 0rem;
	    border-radius: 5px;
		padding: 5px;
		color:white;
		background-color:black;
		float:left;
		position:absolute;
}

code {
	max-width:95%;
}

blockquote p {
	max-width:95%;
}


/* adds style to divs */
/* by default all divs are hidden */
div.custom_option {
    display: none;
    border: 2px solid #ccc;
    margin-right: 5px;
    padding: 2px 5px;
    cursor: pointer;
}

/* show only divs with class "is-visible" */
div.custom_option.is-visible {
    display:inline-block;
}

/* adds the style to the selected div */
div.custom_option.on {
    background-color: #777;
    color: white;
}



/* Menu button in mobile - larger font. Before that  */
#primary-mobile-menu {
	font-size:1em !important;
}

/* memberpress account page*/
#mepr-account-nav {
    background: #3a4253 !important;
}

#masthead {
    background: #3a4253 !important;
}

.app-layout {
	color: #eeeeee;
}

#mepr-profile-details dt {
	color: #ffffff;
}

.mepr-account-welcome-message {
    background-color: #3a4253;
    border: 0px solid #339a6b;
    color: #eeeeee;
}

.mepr-account-welcome-message a {
    color: #eeeeee;
}


.mepr-account-container .mepr-button.btn-outline {
    background: transparent;
    color: #eeeeee;
    border-color: #eeeeee;
}

.mepr-account-container table  {
	color: #eeeeee;
}

.mepr-account-container thead th  {
	color: #eeeeee;
}

.mepr-pro-account-table .sub {
    color: #eeeeee;
}

.mepr-payment-row__desc {
    color: #eeeeee !important;
	}

.mepr-pro-account-table__subscr {
	color: #eeeeee !important;
}

.mepr-account-container a {
color: #eeeeee !important;
text-decoration: underline;
}

/* Memberpress login page*/

body.mepr-guest-layout {
background: #2a303c !important;
}

.back_login a {
  color: #EEEEEE !important;
  text-decoration: underline;
  display:block;
	text-align: center;
	
}

/*Memberpress checkout */
.mepr-checkout-container .invoice-wrapper table tr td p {
	color: #eeeeee;
}

.mepr-checkout-container .invoice-wrapper .invoice-heading {
	color: #eeeeee;
}

.mepr-checkout-container .invoice-wrapper table th, .mepr-checkout-container .invoice-wrapper table td {
	color: #eeeeee;
}

.mepr-checkout-container .invoice-wrapper table .total_cell {
	color: #eeeeee;
}

a.have-coupon-link {
	color: #cccccc !important;
}

.mepr-product-rows {
	color: #eeeeee;
}


.mepr-checkout-container .invoice-wrapper table .bt {
  border-top: 1px solid #EEEEEE;
  border-width: 1px !important;
  border-color: #EEEEEE;
}


/* memberpress Thank you page */

.mepr-checkout-container .invoice-wrapper.thankyou p {
color: #EEEEEE;
margin: 0;
}

.consumer-privacy-footer-btn {
	color: #AAAAAA !important;
}

/*Change filter buttons of ContentView Pro element on workflows page hover color from black (invisible) to gray */
.content-view-workflows .cvp-button  :hover, .content-view-tutorials .cvp-button  :hover {
	color: #DDDDDD;
	
	
}

/*Workflows page: ContentView  filter buttons and search box align center. */
.content-view-workflows .cvp-live-filter, .content-view-tutorials .cvp-live-filter {
	text-align:center;
}

.cvp-live-filter input[type=text] {
    text-align: left !important;
}

.content-view-workflows .cvp-live-button, .content-view-tutorials .cvp-live-button{
	text-align:center;
}

/*Workflows page: Remove border around each item */
.content-view-workflows .pt-cv-content-item {
	box-shadow:0px 0px 0px 0px !important;
}

/*Plus member page: larger font on the list of benefits*/
div#plus-member-benefits {
    font-size: 1.2rem;
}

div#plus-member-benefits-list {
    margin-bottom: 1rem;
}

div#plus-member-benefits-list span {
    margin-right: 0.8rem;
}


/*memberpress in-page login form */
.mepr_error .mp_login_form {
	width:80%;
	font-color: #000000;
}

/*front page: disable pagination buttons */
/* .frontpageup .pt-cv-pagination-wrapper {
    display: none;
}
 */
/*front page: All content view shows red workflow meta*/
.frontpage .pt-cv-taxoterm .pt-cv-tax-workflow {
	background-color: #960C0C !important;
	padding:0 4px !important;
} 

/*Brevo subscription form*/
.sib-form {
	padding:0 !important;
	
}

#sib-container {
	padding:0 !important;
	border-radius: 10px !important;	
	background-color:#39414d!important;
	font-color: white !important;
}

/*Brevo subscription form in-post*/

#sib-form-container-inpost{
	margin:70px 0;
	display:block;
	text-align:center;
}

/*workflows: contentview emmber-only in read (custom value field)*/
.pt-cv-ctf-value {
    background-color: #960C0C;
	padding:0 5px;
	font-size:0.9rem;
}

.content-view-tutorials .pt-cv-taxoterm a:not([class="pt-cv-tax-members-only"]) 
{display: none !important}

.frontpage .pt-cv-taxoterm a:not([class="pt-cv-tax-members-only"]) 
{display: none !important}

a.pt-cv-tax-members-only {
    background-color: #960C0C !important;
	padding:0 5px;
	font-size:0.9rem;
}


.author-bio {
    background-color: #3a4253;
    border-radius: 10px;
    padding: 10px;
}

.author-link {
	display:none;
}

/* Plus page: color of stripe and paypal button*/
.mepr-payment-option-label.payment-option-stripe, .mepr-payment-option-label.payment-option-paypal {
	background-color: #1d1d1d;
	border-width: 0;
}

.mepr-payment-option-label.payment-option-stripe.checked, .mepr-payment-option-label.payment-option-paypal.checked {
	background-color: #1d1d1d;
	border-width: 1;
	border-color: #DDDDDD;
	
}


/*Forum coloring*/
div.bbp-template-notice.info {
    border: #cee1ef 0px solid;
    background-color: #3a4253;
    color: white;
		border-radius: 5px;
    padding: 3px;	
}


.bbp-template-notice.info a {
    color: white;
    text-decoration: underline;
}

/*black text in image insertion box (otherwise white text on white bg */
.mce-container {
    color: black !important;
}

#bbpress-forums li.bbp-header {
    background: var(--global--color-background);
	border-width:0;
}

#bbpress-forums li.bbp-footer  {
	background: var(--global--color-background);
	border: 0px;

}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background-color: #2a303c;
}

#bbpress-forums div.even, #bbpress-forums ul.even {
    background-color: #3a4253;
    margin-bottom: 10px;
    border-radius: 0px 0px 20px 20px;
}
#bbpress-forums .status-pending.even {
	background-color:black;
}

#bbpress-forums ul.status-pending a {
	background-color:black;
}

input#bbp_topic_title {
    border-width: 1px;
    border-color: #999999;

}

#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-topic-header {
    background-color: #424b5f;
	border-radius: 20px 20px 0px 0px;
}

#bbpress-forums a, #bbpress-forums a:hover {
	color:white;
}

#bbpress-forums li.bbp-body {
	padding-top:0;
}
/*Larger font in forum*/
#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics {
    font-size: 1rem;
	  border: 0px solid #eee;
}

.bbp-forum-content ul.sticky, .bbp-topics ul.sticky, .bbp-topics ul.super-sticky, .bbp-topics-front ul.super-sticky {
    background-color: #3a4253!important;
    font-size: 1.1em;
}


/* forum search button */
input#bbp_search_submit {
    padding: 5px;
    margin-bottom: 10px;
    background-color: #2a303c;
    color: white;
}
input#bbp_search_submit:hover {
    border-color: #2a303c;
}


#bbpress-forums fieldset.bbp-form input[type=password], #bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select {
    height: auto;
}


/*Members-only post: Call-to-action button */
.merp-member-cta {
    padding: 10px 30px;
    background-color: green !important;
    height: fit-content;
    border-radius: 10px;
  	width: fit-content;
	  color:white !important;
  	text-decoration: none;
	font-weight:bold;
}
.merp-member-cta:hover {
	color:white !important;
	border-width:1px;
	background-color:#7db32e!important;
		font-weight:bold;
}

.merp-member-cta-container {
    margin: 2rem;
}

.mepr_error {
    border: 0;
    border-radius: 10px;
	  text-align: center;
	background-color:#4a5469 !important;
	color:white !important;
	border:0 !important;
}
.post-mepr-error {
	min-height:300px;
	padding: 30px 10px;
}

a#merp-member-cta-button {
    margin: 1rem auto;
    display: block;
}



/*Search content view: left and right margin */
div#pt-cv-view-5a45ff69sc {
    margin: 0px 50px;
}

/*Plus page: link in white and underline instead of blue*/
div#plus-member-benefits a {
    color: white;
    text-decoration: underline;
}

/*desktop header: menu items align center vertically*/
.menu-item,.menu-search {
    padding-top: 0;
    align-items: initial;
}
header#masthead {
    align-items: initial;
}

.site-branding {
    margin-left: 10px;
}

/*post: inpost subscription box smaller on desktop*/

@media(min-width:480px){
.subscribe-container-inpage {
    height: 400px;
}
}


/* mediavine privacy note at footer: bg color matches site instead of white */
div#consumer-privacy-footer-wrapper button.consumer-privacy-btn.consumer-privacy-footer-btn {
    background-color: #2a303c;
}

/*Experimental memberpress signup page*/

.plus-membership-signup {
	margin:auto !important;
	padding: 10px;
}


.plus-membership-signup form#mepr_signup_form .mp-form-row.mepr_payment_method {
    background-color: #2a303c !important;
}



.plus-membership-signup form#mepr_signup_form .mepr-payment-method-desc-text {
  border-radius: 5px;
	color:black;
}

.plus-membership-signup form#mepr_signup_form .mepr-form-input {
	border-radius: 5px;
}


/* register/plus page background image */
div#plus-member-benefits {
    font-size: 1.2rem;
    background: url(/wp-content/uploads/2023/09/image-115.png) rgba(0, 0, 0, 0.6);
    background-repeat: no-repeat;
    min-height: 300px;
    background-blend-mode: multiply;
    border-radius: 10px;
    padding: 10px 50px;
	  background-position: center center;
}

#plus-member-benefits ul {
    margin-left: 0px;
}

#plus-member-benefits .signup-button button{
	background-color:green;
	padding: 10px 20px;
	margin: 0px 0px 0px 20px;

}


@media(min-width:480px){
	#membership-callout {
			width: 80%;
		padding:10px 20px;
		text-align:center;
		display:block;
		margin:100px auto;
	}
}

#membership-callout .signup-button button{
	background-color:green;
	padding: 5px 20px;
	display:block;
	margin: 20px auto;
	border-radius: 10px;
	color:white;
}

.membership-callout-heading {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
}


#frontpage-CTA .signup-button button{
	background-color:green;
	padding: 5px 20px;
	display:block;
	margin: 20px auto;
	border-radius: 10px;
	color:white;
}

.signup-button-pricing-page button{
	background-color:green !important;
	padding: 5px 20px;
	display:block;
	margin: 20px auto;
	border-radius: 10px;
	color:white !important;
}

#plus-member-benefits .member-login-message {
	margin-left:30px;
	font-size: 1rem;
	margin-top:30px
	
}

/* Plus sign up page background color */
.mepr-checkout-container {
    background-color: #3a4253;
    border-radius: 10px;
    padding: 20px;
}

/*All post: jetpack view counter*/
.post_view {
  font-size: 1rem;
	margin-top:1rem;
	margin-bottom:0;
}
.entry-top-meta {
	margin-top:0.5rem;
}

/*memberpress member page, update/cancel tooltip color */
.mepr-tooltip-content a {
    color: black !important;
}

.mepr_updated {
    color: black;
}

div#bbp-user-navigation .current a {
    color: black;
}


/*Add-to-any buttons*/
body:not(.single-post):not(.home) .a2a_floating_style { display: none; }

/*glossary page: Smaller h2 title*/
.glossary h2 {
	font-size: 1.6rem;
	font-weight:800;
	margin-bottom:0 !important;
}

.glossary p {
	margin-top: 0.2rem !important;
}

.wp-block-button .wp-block-button__link, .wp-block-file .wp-block-file__button {
	background-color:darkgreen !important;
	color:white !important;
	border-radius: 10px !important;
	display:block;
}


.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    border-color: currentColor!important;
    background-color:darkgreen !important;
    color: inherit!important
}

.wp-block-file {
	text-align:center;
}

/* Member green top button */
li#menu-item-8138 {
    background-color: green;
    padding: 3px 5px 3px 5px;
    border-radius: 7px;
}

.mepr_error {
	color:black;
}

/*front page: member welcome*/
.member-welcome-message{
	text-align:center;
	margin:0 !important;
}

/*thank you page after signup: back home link more visible*/
.invoice-wrapper.thankyou a {
    color: white;
}

/* membership price comparison page */
.mepr-price-boxes {
  color: black;
}

/*side-by-side on desktop*/
@media(min-width:651px) {
	.mepr-price-box {
	flex: 1;
   }		
.mepr-price-boxes {
	display: flex; /* for equal height*/
}	
}

.mepr-price-box {
    border-radius:10px!important;
	margin:0.5rem !important;
}

	.mepr-price-box {
    border-radius:10px!important;
	margin:0.5rem !important;
	
}


.mepr-price-box-button {
	margin-top:40px!important;
}
.mepr-price-box-button a {
	background-color:green;
	padding: 10px 20px;
	text-decoration:none;
	border-radius: 5px;
	
}

.mepr-price-box-title{
	font-size:1.8rem !important;
}

.mepr-price-box-price{
	font-size:1.4rem !important;
}

.mepr-price-box-heading .yearly-subheading {
	font-size:1rem !important;
	font-weight:bold;
}

.mepr-price-box-heading .yearly-description {
	font-size:1.2rem !important;
	margin-top:2.7rem !important;
	
}

.mepr-price-box-benefits-item {
	font-weight:normal;
}

.pricing-page-heading {
	margin-top:0.2rem !important;
	margin-bottom:0.5rem !important;
}
.pricing-page-subheading {
	margin-top:0.1rem !important;
}

#bbpress-forums code {
    background-color: black !important;
    border: 0px !important;
}

#mepr-account-content input#wpua-file-existing {
    color: white;
}

div#mpcs-main code {
    background-color: inherit;
}
div#mpcs-main  {
    --table--hover-background-color: lightgray;
}

figcaption.wp-element-caption {
    text-align: center;
}

/*memberpress lesson: disable don't sell data footer*/
.mpcs-lesson-template-default .consumer-privacy {
    display: none;
}

.pricing-page-membership-container {
	background-color: #3a4253 !important;
	border-radius:15px;
	padding-top:10px;
}

.pricing-page-membership-container table td {
	border:0;
	padding:0;
}

/*pricing page  remove hover black background color*/
.pricing-page-membership-container tbody tr:hover td, .pricing-page-membership-container tbody tr:hover th{
	background-color: #3a4253 ;
}


.pricing-page-membership-container table tr {
	line-height:2.5rem;
}


.pricing-page-membership-container table td span {
	font-size:0.95rem;
	color:lightgray;
}

/*Pricing page price */
.pricing-page-membership-container table th {
	border:0;
	text-align:center;
	font-size: 1.5rem;
	padding-top:0;
}

.membership-tagline {
	font-size:1.2rem;
	min-height:4.5rem;
}

/*membership FAQ make the questions larger and bold*/
summary {
    font-size: 1.5rem;
	margin-bottom:10px;

}

.checkmark {
	font-size: 1.2rem !important;
	margin-right:0.3rem;
	font-weight:800;
	color:#008001 !important;
}

.crossmark {
	font-size: 1.2rem !important;
	margin-right:0.3rem;
	font-weight:800;
	color:#AAAAAA !important;
}

/*course download button limit width*/
#mpcs-main a.wp-block-file__button.wp-element-button {
    width: fit-content;
    margin: auto;
	  padding: 10px;
}

/*gallary 2 per row in lessons*/
#mpcs-main .columns-2.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	width:40%;
	
}

/*
#mpcs-main .columns-default.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	width:30%;
	
}
*/

div#mpcs-main .comments-area {
    margin-top: 3rem !important;
}


#bbpress-forums .status-pending.even, #bbpress-forums .status-pending.odd, #bbpress-forums ul.status-pending a {
    background-color: black;
}


/*Payment page hide paypal and stripe buttons 

.mepr-payment-option-label.payment-option-stripe, .mepr-payment-option-label.payment-option-paypal {
    display: none;
}
*/


/*Payment page hide paypal icon
span.mepr-payment-method-icon img[alt*="PayPal Standard"] {
    display: none;
}
*/

#mpcs-main summary {
    font-size: 1rem;
}

/*top bar: additional padding after removing the search bar*/
.primary-navigation>div>.menu-wrapper {
    padding-top: 5px;
}


.single-mpcs-lesson figure.wp-block-image.size-large {
    padding: 30px;
}

.comfyui-workflow-list .wp-block-file a {
    padding: 5px 10px;
}

nav.rank-math-breadcrumb {
    font-size: 0.9rem;
}


.members-button {
    text-align: center;
}
.members-button button {
  padding: 10px;
  margin: 10px;
  text-align: center;
	border-radius:10px;
	min-width: 120px;
}


.cvp-replayout.entry {
    margin: 20px;
}


/*front page search box round border*/
input#wp-block-search__input-2 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
button.wp-block-search__button.wp-element-button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*more top margin in courses */
div#mpcs-main h2, h3, h4, h5, h6 {
    margin-top: 2rem;
}


/*courses hide filters and search*/
.mpcs-course-filter {
    display: none;
}

/*visual guide*/
#visual-guide-input {
  width: 80%;
  font-size: 16px; 
  padding: 12px 20px 12px 40px; 
  border: 1px solid #ddd; 
}

#visual-guide-input-container{
	text-align:center;
}

.visual-guide-table img {
	width:250px !important;
}

.visual-guide-table {
	margin: 0px 20px;
	width: 95%;
}

.wpDataTableID-2 {
	margin: 0px 20px;
	width: 95%;    
}

.wpDataTableID-2 img {
	width:250px !important;
}

.wpDataTableID-2.wpDataTablesWrapper {
	background-color: #1a1e25 !important;
}

.visual-guide-text {
	text-align:left;
}

.wpDataTablesFilter {
    background: #1a1e25 !important;
    width: 95%;
    margin: 0 20px;
	 padding-left: 100px !important;
}

.pricing-top-level-container {
	width:100%;
	padding: 0 10%;
}

.pricing-page-FAQ {
	width:100%;
	padding:0 10%;
}

.pricing-page-banner {
	margin-top:0 !important;
}

.course-container {
	background:#3a4253;
	padding: 10px;
	border-radius: 10px
}

.courses-call-to-action {
    margin-top: -10px;
}

#mpcs-main {
	height: 100%;
}

/*prompt copy button in courses*/
.single-mpcs-lesson button.copy-the-code-button:not(:hover) {
    fill: gray;
    width: fit-content;
    border-width: 0;
		margin-right:1rem;
		margin-top:0rem;
    float: inline-end;
    position: relative;
    margin-left: auto;	
}

.single-mpcs-lesson button.copy-the-code-button:hover {
    fill: black;
    width: fit-content;
    border-width: 0px;
    background-color: white;
    color: black;
    height: auto;
    font-size: 1rem;
		margin-right:1rem;
		margin-top:0rem;
    float: inline-end;
    position: relative;
    margin-left: auto;	
}

.mpcs-sidebar-wrapper .figure {
    margin: 0.4rem;
}

.single-mpcs-lesson blockquote {
    width: 100%;
    display: flex;
}

.single-mpcs-lesson blockquote svg {
    width: 20px;
}



/* gallery caption */
.single-mpcs-lesson .wp-block-gallery figcaption {
    background: white !important;
    color: black !important;
}

/* fix course catalog overlapping with cover image https://stable-diffusion-art.com/courses/ */
.post-type-archive-mpcs-course .card .card-header {
    padding-top: 1.8rem;
}


.youtube-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

.youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*bbpress hide user name in profile*/
#bbpress-forums #bbp-user-wrapper h2.entry-title {
	display:none;
}

div#forum-new-topics a {
    font-size: 1rem;
    margin: 10px 0px;
    background: green;
    padding: 10px;
    display: inline-flex;
    border-radius: 10px;
    text-decoration: none;
}

div#forum-new-topics a:hover {
    text-decoration: underline;
}

/* */
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    border-top: 0px solid #eee;
    overflow: hidden;
    padding: 8px;
    border-radius: 10px;
    background: #3a4253;
    margin: 8px 0px;
}

#bbpress-forums a {
    box-shadow: none;
    border: none;
    transition: none;
    text-decoration: none;
}

#bbpress-forums a:hover {
    text-decoration: underline;
}

a.bbp-forum-title {
    font-weight: 600;
    font-size: 1.1rem;
}

a.bbp-topic-permalink {
	  font-weight: 600;
}

#bbpress-forums .bbp-pagination-links a:hover, #bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-topic-pagination a:hover {
    background: #3a4253;
		opacity: .8;
		border: 0px solid #ddd;
}

#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current {
	border: 0px solid #efefef;
}

#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current {
    font-size: 15px;
}

.bbp-search-form input[type=text] {
    border-radius: 10px;
}

div.bbp-forum-header, div.bbp-reply-header, div.bbp-topic-header {
    border-top: 0px solid #ddd;
    clear: both;
}

#bbpress-forums fieldset.bbp-form {
    clear: left;
    border: 1px solid #eee;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 20px;
}