@charset "UTF-8";
/* CSS Document */


/**
 * Add credit card and PayPal logos to Membership Checkout using the Add PayPal Express Add On and another onsite gateway
 *
 * title: Add Credit Cards and PayPal Logos to Membership Checkout
 * layout: snippet
 * collection: checkout
 * category: css, logos
 * url: https://www.paidmembershipspro.com/add-credit-card-and-paypal-logos-to-checkout/
 *
 * This custom CSS can be placed in a stylesheet for
 * PMPro Customizations or pasted directly into the
 * Appearance > Customize > Additional CSS field.
 * You can also include this CSS in your child theme’s style.css file.
 * Do not place custom CSS in any file in a theme that gets
 * regularly updated or you will lose your code.
 */

/* CSS Document */
.test { display: block; width: 100%; height: 100px; background-image: url(../images/pay-with-paypal.png);}

#pmpro_payment_method .pmpro_form_field-radio-items {
   display: grid;
   grid-template-columns: 3fr 2fr;
   grid-gap: var(--pmpro--base--spacing--large)
}

.pmpro-checkout .gateway_authorizenet .pmpro_form_label,
.pmpro-checkout .gateway_braintree .pmpro_form_label,
.pmpro-checkout .gateway_paypal .pmpro_form_label,
.pmpro-checkout .gateway_stripe  .pmpro_form_label {
   background-image: url(../images/pay-with-credit-cards.png);
   background-position: left bottom;
   background-size: 250px auto;
   background-repeat: no-repeat;
   padding-bottom: 45px;
}

.pmpro-checkout .gateway_paypalexpress .pmpro_form_label {
   background-image: url(../images/pay-with-paypal.png);
   background-position: left bottom;
   background-size: contain;
   background-repeat: no-repeat;
   padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
   #pmpro_payment_method .pmpro_form_field-radio-items {
      display: flex;
      flex-direction: column;
      gap: var(--pmpro--base--spacing--large);
   }
}

/* Abstand unter "Bestellverlauf", also [pmpro_invoice]  */
#pmpro_order_list { margin-bottom: 2em;}

/* Überschrift in [pmpro_account section="profile" title="Mein Profil"] verkleinern */
#pmpro_account-profile > h2.pmpro_font-x-large { font-size: 1.5rem;}

/* ?
#pmpro_account-membership-1 > h3,
#pmpro_account-membership-2 > h3,
#pmpro_account-membership-3 > h3 { font-size: 1.0rem}*/

/*#pmpro_account-profile > .pmpro_card > h3 { font-size: 1.0rem}*/
#pmpro_account-profile > .pmpro_card > h3 { display: none;}

/* Die oft doppelte Überschrift "Bestellverlauf" aus allen Verwendungen von [pmpro_invoice] ausblenden: */
#pmpro_order_list > h2 { display: none;}
/* Wenn man [pmpro_invoice] (normal nur in der Seite "Mitgliedschaft Bestellverlauf") etwa in der Seite "Mitgliedskonto" verwendet, stört der Link "Ihr Mitgliedskonto anzeigen ?" So blendet man den NUR da aus: */
.page-id-1724 .pmpro_actions_nav:not(#pmpro_login .pmpro_actions_nav) { display: none;}


/* PMPro */
/* PMPro Sektion "Mitgliedschaft" */
#pmpro_account-membership.pmpro_section { margin-bottom: calc(var(--pmpro--base--spacing--large)/2);}
.pmpro-infobox { margin-bottom: 1em !important;}
.pmpro-infobox2 { margin-bottom: calc(var(--pmpro--base--spacing--large)*2)!important;}

/* PMPro Insert auf Kategorien, Suche und im Archiv ausblenden
.archive .pmpro_content_message, .search .pmpro_content_message, .blog .pmpro_content_message { display: none;} */
/*.pmpro_content_message:not(.page-id-14532) { display: block;}
*//*
.archive .pmpro_card_content,
.archive .pmpro_content_message .pmpro_card_actions,
.search .pmpro_card_content,
.search .pmpro_content_message .pmpro_card_actions { display: none;}
.archive .pmpro_font-large,
.search .pmpro_font-large { font-size: 15px; padding: 1em;}
*/

/* PMPro Paywall – nur letzter Absatz bekommt Fade */
.pmpro-no-access p:not(.pmpro_card p, .quelle, .apaots):last-of-type {
   -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
   mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
}

/* PMPro Weiterlesen ... Hinweis vor dem pmpro Container zeigen
.single-post .pmpro {
   position: relative;
}
.single-post .pmpro::before {
   content: "Weiterlesen […]";
   position: absolute;
   top: -1.5em;
   right: 0;
   background: transparent;
   font-weight: bold;
}  */
/*content: "Weiterlesen […]"  ;*/
/*content: url(/wp-content/uploads/banner/pfeil_rechts_green.gif)  ;*/


/* PMPro Überschriften verkleinern */
#pmpro_account-profile > h2.pmpro_font-x-large,
#pmpro_account-membership > h2.pmpro_font-x-large,
#pmpro_account-orders > h2.pmpro_font-x-large { font-size: 1.4rem; text-align: center;}

#pmpro_account-membership-3 > h3,
#pmpro_account-profile > div > h3 { font-size: 1.1rem;}

/* PMPro Link "Stornieren" aus dem "Meine Mitgliedschaften" Standardblock entfernen */
#pmpro_account-membership-3 > div.pmpro_card_actions { display: none;}