/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

#block-byqregistration-is-now-open h2,
#block-byqregistration-is-not-open-now h2,
#block-byqregistration-is-now-open h3,
#block-byqregistration-is-not-open-now h3,
#block-byqregistration-is-now-open p.align-center,
#block-byqregistration-is-not-open-now p.align-center { 
  text-align: center;
}

table.black_friday_discounts--2025 {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

table.black_friday_discounts--2025 td {
  text-align: center;
}

#webform-submission-learn-more-about-campaign-founda-block-content-11-add-form--2 input, 
#webform-submission-learn-more-about-campaign-founda-block-content-11-add-form--3 input {
  max-width: 90%;
}

.sripe-card-errors,
.StripeElement--invalid {
  color: red;
}

/* Base Stripe element styling*/
.StripeElement {
  border: 2px solid #e0dddd;
  font-size: 0.929em;
  margin: 2px 0;
  padding: 10px;
  max-width: 90%;
  box-sizing: border-box;
  background-color: #f8f8f8;
}

/* Set styling when form field data is invalid */
.StripeElement--invalid {
  border: 2px solid red;
  background-color: #ffd90080;
}
/* border-color: #b22222; */

div#card-number-element label,
div#expiration-element label,
div#security-code-element label,
#edit-payment-information-add-payment-method-payment-details-card-number label, 
fieldset#edit-payment-information label {
  display: inline-block;
  clear: left;
  float: left;
  text-align: right;
  padding: 5px;
  width: 35%;
}

div#card-number-element.StripeElement--empty iframe,
div#expiration-element.StripeElement--empty iframe,
div#security-code-element.StripeElement--empty iframe,
#edit-payment-information-add-payment-method-payment-details-card-number input, 
fieldset#edit-payment-information input {
  display: inline-block;
  // clear: left;
  float: right;
  text-align: left;
  padding: 5px;
  width: 55%;
}

/* Set a red bottom border to field when empty */
.StripeElement--empty {
    border-bottom-color: #b22222;
}

/* Set a green bottom border to field when in focus */
.StripeElement--focus {
    border-bottom-color: #008000;
}

/* Set styling when form field data is completed and valid */
.StripeElement--complete {
    background-color: #00800015;
}

input.__PrivateStripeElement-input, 
#edit-payment-information-add-payment-method div.stripe-form iframe {
  display: block;
  background-color: #fff;
  width: 20px;
  border: 2px;
  text-align: left;
  margin-left: 2px;
  margin-bottom: 2px;
}

div#block-views-block-blog-block-1 h2 {
  color: white;
}

footer.comment-submitted {
  border: none;
}

div.field--name-field-cfc-media img {
  display: block;
  height: 300px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

div#block-countdowntimer {
  text-align: center;
}

div#block-countdowntimer h2 {
  color: #ffffff;
  font-size: 1em;
  display: block;
  text-transform: none;
}

div.logo,
div.site-name {
  float: left;
}

.contextual-region {
  position: static;
}

.parallax-widget.one, 
.path-frontpage .parallax-widget.one {
  background: url(/themes/custom/drupal8_parallax_theme_cfc/images/parallax/door-knock-1.jpg) fixed;
  background-size: cover;
}

form#webform-submission-byq-registration-node-14-add-form fieldset#course_and_price_fieldset,
form#webform-submission-byq-registration-add-form fieldset#course_and_price_fieldset {
  display: none;
}

#edit-payment-information-add-payment-method-payment-details.stripe-form, 
#edit-payment-information-add-payment-method label {
  display: inline-block;
  clear: left;
  text-align: right;
  padding: 5px;
  width: 45%;
}

#edit-payment-information-add-payment-method-payment-details.stripe-form, 
#edit-payment-information-add-payment-method input,select,iframe {
  display: inline-block;
  text-align: left;
  width: 45%;
}

#webform-submission-byq-registration-node-14-add-form input#edit-actions-submit {
  width: 90%;
  margin: auto;
}

/*
#edit-payment-information-add-payment-method-payment-details.stripe-form .InputElement input,select,iframe {
  display: inline-block;
  text-align: left;
  width: 45%;
}
*/

#edit-payment-information-add-payment-method-payment-details-card-number {
  box-sizing: none;
}

div.checkout-complete p {
  font-weight: 200;
  font-size-adjust: 0.75;
}

div.checkout-complete p a {
  font-weight: 250;
  font-size-adjust: 0.75;
}

div#card-number-element label,
div#expiration-element label,
div#security-code-element label,
#edit-payment-information-add-payment-method-payment-details-card-number label, 
fieldset#edit-payment-information label {
/*
  display: inline-block;
  clear: left;
  float: left;
  text-align: right;
*/
  padding: 5px;
  width: 35%;
}

/*
div#card-number-element.StripeElement--empty iframe,
div#expiration-element.StripeElement--empty iframe,
div#security-code-element.StripeElement--empty iframe,
#edit-payment-information-add-payment-method-payment-details-card-number input, 
fieldset#edit-payment-information input {
  display: inline-block;
  // clear: left;
  float: right;
  text-align: left;
  padding: 5px;
  width: 55%;
}
*/

fieldset#edit-civicrm-1-contact-1-fieldset-fieldset {
  padding-top: 24px;
}

#edit-civicrm-1-contact-1-fieldset-fieldset .fieldset-legend {
  display: none;
}

fieldset#gyhs_grab_a_copy label,
#edit-civicrm-1-contact-1-fieldset-fieldset .fieldset-wrapper label {
  display: inline-block;
  clear: left;
  text-align: right;
  padding-right: 4px;
}
/*  width: 25%; */

fieldset#gyhs_grab_a_copy input,
#edit-civicrm-1-contact-1-fieldset-fieldset .fieldset-wrapper input {
  display: inline-block;
  text-align: left;
  width: 70%;
}

#edit-civicrm-1-activity-1-fieldset-fieldset {
  display: none;
}

div.form-item-contact-information-email input[type="email"],
div.layout-region-checkout-main input[type="email"],
div.commerce-checkout-completion-register__form input[type="text"],
div.commerce-checkout-completion-register__form input[type="password"],
div.edit-payment-information-add-payment-method-billing-information input[type="text"] {
  width: 65%;
}

.top-menu, 
.main-header, 
.parallax-widget .parallax-region {
  background: darkslategrey;
  background-color: darkslategrey;
  opacity: 85%;
}

.field--label-inline .field__label {
  display: none;
}

h1, h2, h3, .h1, .fieldset-legend {
  color: #eec3c2;
}

tbody tr:hover, tbody tr:focus {
  background: slategrey;
}

form, button, input, select, textarea {
  background: darkslategrey;
}

/* 
#edit-civicrm-1-contact-1-fieldset-fieldset .fieldset-wrapper input {
   margin-bottom: 0px;
}
*/

.region-top-menu nav li a, 
.region-top-menu nav li:last-child a,
#edit-civicrm-1-contact-1-fieldset-fieldset input {
  background-color: slategrey;
  color: white;
}

nav.breadcrumb a {
  color: #ffffff;
}

#main-menu > li > ul {
  background: slategrey;
}

.breadcrumb, .btn, input[type="submit"] {
  background: #aa9a9a;
}

.breadcrumb, .btn, input[type="submit"]:hover {
  background: slategrey;
  color: #fff;
}

.region-primary-menu {
  float: left;
}

.region-primary-menu li a, 
.region-header .brand .site-branding__slogan {
  color: #fff;
}

h2.title, a:hover, a:focus {
  color: #eec3c2;
}

div#accordion-337 a:hover,
div#accordion-348 a:hover,
div#accordion-364 a:hover,
div#accordion-377 a:hover,
div#accordion-380 a:hover,
div#accordion-389 a:hover {
  color: #000000;
}

.menu-base-theme li a:hover, 
.menu-base-theme li a:focus, 
.menu-base-theme li a:active, 
.menu-base-theme li a.highlighted {
  color: #eec3c2;
}

a {
  color: #ecdda4;
}

body {
  color: #fff;
  font-size: 100%;
}
	
form.CRM_Contribute_Form_Contribution_Main label {
  color: #3E3E3E;
}

.price-set-option-content.highlight {
  padding: 0px;
}

div.webform-civicrm-prefix {
  display: block;
  float: left;
  width: 60%;
}

div.form-item-byq-upgrade-to-vip-access input[type='checkbox'] {
  display: inline-block;
  text-align: left;
  width: 60%;
}

form#webform-submission-byq-registration-node-14-add-form input {
  display: inline-block;
  text-align: center;
  width: 60%;
}

div.form-item-byq-upgrade-to-vip-access label,
form#webform-submission-byq-registration-node-14-add-form label {
  display: inline-block;
  clear: left;
  text-align: right;
  padding-right: 4px;
  width: 35%;
}

/* form #webform-submission-gyhs-grab-a-copy-02-node-24-add-form, */
form #webform-submission-lead-magnet-if-not-you-key-quest-add-form {
  display: block;
  float: left;
  width: 58%;
}

fieldset#byq_upgrade_to_vip_access input {
  display: inline-block;
  text-align: left;
  width: 40%;
  box-sizing: border-box;
}

fieldset#byq_upgrade_to_vip_access label {
  display: inline-block;
  text-align: right;
  width: 40%
}

fieldset#edit-gyhs-grab-a-copy {
  border: 2px;
  padding-left: 8px;
}

div.if-not-you {
  display: block;
  width: 40%;
  float: left;
  font-size: 150%;
  line-height: 125%;
  padding-right: 4px;
}

div.webform-civicrm-prefix img {
  max-width: 90%;
  padding-left: 10px;
  padding-right: 10px;
}

.form-item, .form-actions {
  text-align: right;
}

.glass,
input.glass,
div.form-actions .button--add-to-cart {
  /* background styles */
  position: relative;
  display: inline-block;
  width: calc(100% - 16px);
  padding: 10px 20px;
  background-color: #343a40; /*for compatibility with older browsers*/
  background-image: linear-gradient(#343a40,#585b5e);
  border: 2px solid silver;
  /* text styles */
  text-decoration: none;
  color: #fff;
  line-height: 1.2;
  font-size: 25px;
  font-family: 'New Century Schoolbook';
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  box-shadow: 0px 1px 4px -2px #333;
  text-shadow: 0px -1px #333;
}

input#edit-actions-submit.glass,
div#ready_to_register a.glass {
  width: calc(60%);
  margin-left: auto;
  margin-right: auto;
}

div#byq_vip-details h2 {
  text-align: center;
}

.glass:hover,
input.glass:hover,
div.form-actions .button--add-to-cart:hover {
  background: linear-gradient(#073,#0fa);
}

.glass:after, 
input.glass:after, 
div.form-actions .button--add-to-cart:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 16px);
  height: 50%;
  background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

.checkout-pane legend {
  color: #ffffff;
}

/*
// label {float: left; width: 6em; text-align: right;}
// input, textarea {text-align: left;}
// input.submit  {margin-left: 6em;}
*/

/* Base Stripe element styling*/
/*
.StripeElement {
	background-color: #f8f8f8;
	padding: 10px;
	max-width: 90%;
	border: 2px solid #e0dddd;
}
*/

/* Set a red bottom border to field when empty */
/*
.StripeElement--empty {
    border-bottom-color: #b22222;
}
*/

/* Set a green bottom border to field when in focus */
/*
.StripeElement--focus {
    border-bottom-color: #008000;
}
*/

/* Set styling when form field data is invalid */
/*
.StripeElement--invalid {
    background-color: #ffd90080;
    border-color: #b22222;
}
*/

/* Set styling when form field data is completed and valid */
/*
.StripeElement--complete {
    background-color: #00800015;
}
*/

/* 
label {float: left; width: 6em; text-align: right;}
input, textarea {text-align: left;}
input.submit  {margin-left: 6em;}
>>>>>>> 2ea04c6... recent changes to theme's custom css and js

#edit-payment-information-add-payment-method label {
  font-weight: bold;
  float: left;
  text-align: right;
  width: 35%;
  margin-right: 10px;
}

#edit-payment-information-add-payment-method input {
  display: block;
  float: right;
  text-align: left;
  width: 55%;
  margin-left: 2px;
  margin-bottom: 2px;
}

div.js-form-item-payment-information-add-payment-method-billing-information-copy-to-address-book {
  visibility: hidden;
}
*/

fieldset#edit-login-returning-customer {
  visibility: hidden;
}
fieldset#edit-login-returning-customer,
#layout-checkout-form span.fieldset-legend,
#edit-contact-information span.fieldset-legend,
#edit-payment-information span.fieldset-legend,
#edit-login-guest span.fieldset-legend, 
#edit-login-returning-customer span.fieldset-legend {
  color: #eec3c2;
}

input#edit-sidebar-coupon-redemption-form-code { width: 65px; }

/*
div.stripe-form {
  background-color: #aaa;
  display: grid;
  grid-template-columns: auto auto;
  // grid-template-columns: max-content max-content;
  grid-gap: 5px;
}
div.stripe-form label { text-align: right; }
div.stripe-form label:after { content: " :"; }
*/

h2.form-wrapper,
h3.form-wrapper,
h2#edit-purchased-entity-0-attributes { color: white; }

div.paragraph__column h2 { color: white; }
div.paragraph__column p { color: black; }
div.paragraph--id--40 div.paragraph__column p { color: white; }
div.paragraph--id--40 div.paragraph__column ul li { list-style: inside; color: white; }
div.paragraph__column ul li { color: black; }

/*
*/
div.if-not-you p,
div.field--type-text-with-summary h2,
div.field--type-text-with-summary h3,
div.field--type-text-with-summary h4,
div.paragraph--color--rgba-grey-light p, 
div.paragraph--color--rgba-grey-strong p, 
div.paragraph--color--rgba-black-light p,
div.paragraph--color--rgba-black-strong p,
div.paragraph--color--rgba-black-strong ul li {
  color: white;
}

div.paragraph--color--rgba-grey-slight a {
  color: #888888;
}

blockquote,
div.webform-confirmation blockquote {
  border-left: 3px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

blockquote p,
div.webform-confirmation blockquote p {
  display: inline;
}

/*
form input.button--add-to-cart {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  background-color: #343a40;
  color: #fff;
  border: 2px solid silver;
  line-height: 1.2;
  font-size: 25px;
  font-family: 'New Century Schoolbook';
  font-weight: 600;
  border-radius: 8px;
  box-shadow: 0px 1px 4px -2px #333;
  text-shadow: 0px -1px #333;
}

div#edit-actions input.button--add-to-cart {
  visibility: visible;
}	
*/

@media all and (min-width:960px) and (max-width: 1024px) {
  /* put your css styles in here */

  div#block-drupal8-parallax-theme-cfc-content h1 { font-size: 150%; }
  div#block-drupal8-parallax-theme-cfc-content h2 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content h4 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content p { font-size: 130%; }
  div#block-drupal8-parallax-theme-cfc-content li { font-size: 120%; }

}

@media all and (min-width:801px) and (max-width: 959px) {
  /* put your css styles in here */

  div#block-drupal8-parallax-theme-cfc-content h1 { font-size: 150%; }
  div#block-drupal8-parallax-theme-cfc-content h2 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content h4 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content p { font-size: 130%; }
  div#block-drupal8-parallax-theme-cfc-content li { font-size: 120%; }

}

@media all and (min-width:769px) and (max-width: 800px) {
  /* put your css styles in here */

  div#block-drupal8-parallax-theme-cfc-content h1 { font-size: 150%; }
  div#block-drupal8-parallax-theme-cfc-content h2 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content h4 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content p { font-size: 130%; }
  div#block-drupal8-parallax-theme-cfc-content li { font-size: 120%; }

}

@media all and (min-width:569px) and (max-width: 768px) {
  /* put your css styles in here */

  div#block-drupal8-parallax-theme-cfc-content h1 { font-size: 150%; }
  div#block-drupal8-parallax-theme-cfc-content h2 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content h4 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content p { font-size: 130%; }
  div#block-drupal8-parallax-theme-cfc-content li { font-size: 120%; }

}

@media all and (min-width:481px) and (max-width: 568px) {
  /* put your css styles in here */

  div#block-drupal8-parallax-theme-cfc-content h1 { font-size: 150%; }
  div#block-drupal8-parallax-theme-cfc-content h2 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content h4 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content p { font-size: 130%; }
  div#block-drupal8-parallax-theme-cfc-content li { font-size: 120%; }

}

@media all and (min-width:321px) and (max-width: 480px) {
  /* put your css styles in here */

  div#block-drupal8-parallax-theme-cfc-content h1 { font-size: 150%; }
  div#block-drupal8-parallax-theme-cfc-content h2 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content h4 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content p { font-size: 130%; }
  div#block-drupal8-parallax-theme-cfc-content li { font-size: 120%; }

}

@media all and (min-width:0px) and (max-width: 320px) {
  /* put your css styles in here */

  div#block-drupal8-parallax-theme-cfc-content h1 { font-size: 150%; }
  div#block-drupal8-parallax-theme-cfc-content h2 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content h4 { font-size: 140%; }
  div#block-drupal8-parallax-theme-cfc-content p { font-size: 130%; }
  div#block-drupal8-parallax-theme-cfc-content li { font-size: 120%; }

}

input#edit-payment-information-add-payment-method-billing-information-field-email-0-value {
  width: 75%;
}

/*
form#webform-submission-byq-registration-node-14-add-form input[type="text"], 
form#webform-submission-byq-registration-node-14-add-form input[type="email"], 
form#webform-submission-byq-registration-add-form input[type="text"],
form#webform-submission-byq-registration-add-form input[type="email"] {
  width: 65%;
}
*/

div.stripe_payment_card {
  float: left;
  width: 50%;
  padding: 10px;
}

.alone {
  margin-left: 25%;
  margin-right: 25%;
}

body {
  background: gray;
}

.byq-upgrade-modal {
  background: green;
  position: absolute;
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

div.modal-body p, 
div.modal-body h3 {
  color: #000000;
  text-align: left;
}

div.byq_upgrade_description {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.stripe_payment_card--reveal {
  float: right;
  padding-left: 10px;
}

fieldset#edit-byq-upgrade-me-to-vip-access {
  border: 4px solid #ffffff;
  border-radius: 8px;
  border-width: thick;
  background-color: rebeccapurple;
  /* box-shadow: 0 0 10px #999; */
  padding: 5%;
  display: hidden;
}

fieldset#edit-byq-upgrade-me-to-vip-access legend {
  color: white;
}

h3#course_and_price,
div#edit-course-and-price h3,
div#edit-byq-upgrade-to-vip-access-copy h2,
div#edit-byq-upgrade-to-vip-access-copy h3,
div#edit-byq-upgrade-to-vip-access-copy p {
  color: #ffffff;
  text-align: center;
}

div#edit-byq-upgrade-to-vip-access-copy h2,
div#edit-byq-upgrade-to-vip-access-copy h3 {
  text-align: center;
}

fieldset#course_and_price_fieldset span,
fieldset#edit-byq-upgrade-me-to-vip-access span {
  color: #ffffff;
}

div#byq_vip--payment_card--reveal h3 {
  text-align: center;
}

div.clear {
  clear: both;
}

div#webform-submission-gyhs-grab-a-copy-popup-form-ajax {
  background-color: #ffffff;
}

.ui-widget-content {
  color: #ffffff;
}

form.CRM_Contribute_Form_Contribution_Main label {
  color: #ffffff;
}

form {
  color: white;
  background-color: darkslategrey;
}

p.where_is_my_discount,
div.byq_coupon p,
div.byq_price h2,
div.byq_discount p,
div.byq_choose_upgrade p,
div.byq_course_promise p,
h2#course_and_price_discount {
  color: yellow;
}	

div.byq_price p,
div.byq_price figcaption {
  color: white;
}	

div.byq_price figcaption {
  font-style: italic;
  font-size: 65%;
  line-height: 85%;
}

figure.caption-img {
  margin-right: 12px;
}

div.byq_guarantee p,
div.byq_guarantee ul li {
  color: gold;
}

div.form-item-byq-registrant-order-id label,
div.form-item-byq-registrant-order-id input#edit-byq-registrant-order-id {
  display: hidden;
}

.where_is_my_discount {
  font-size: 85%;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  border-width: 4px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-color: #ffffff;
}

fieldset#edit-byq-upgrade-me-to-vip-access {
  display: hidden;
}

div.vertically_center {
  display: flex;
  flex-direction: column;
  align-content: center;
}

.center_para_vertically {
  margin: auto;
}

h1.page-title {
  padding-top: 1em;
}

div.cfppaitfm-subscription-form {
  clear: both;
}

webform-submission-gyhs-grab-a-copy-new-node-39-add-form label.option {
  max-width: 90%;  
}