/**
 * FREUNDESKREIS FORM
 **/

.single-fk-form {
   padding-left:40px !important;
   padding-right:40px !important;
}

/* Wrapper: make more space */
@media ( max-width:650px ) {
   .single-fk-form {
      padding-left:15px !important;
      padding-right:10px !important;
   }
}

.fk-form fieldset,
.checkout fieldset {
   display:block;
   margin-top:25px;
}

.checkout .place-order,
.checkout .wc_payment_methods {
	background-color: white;
	border-bottom: 0 !important;
}

.checkout .wc_payment_methods li::marker {
	content: "";
}

.checkout h3,
.checkout .wc_payment_method > label {
	margin-top: 2rem;
	font-size: 1.2em !important;
    font-family: LatoWebBold;
    color: #1a171b;
}

.checkout #gender_field > label {
	display: block !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	color: white;
}

.woocommerce-form-login .input-text {
	width:calc( 100% );
	border-radius:5px;
	border:1px solid #ccc;
	padding:8px 15px;
	font-size:1em;
	line-height: .9em !important; 
	font:inherit;
}

.fk-form legend,
.checkout legend {
   display:block;
   font-size:1.2em;
   font-weight:bold;
   margin-bottom:15px;
   margin-left:0px;
}

.fk-form .step,
.checkout .step {
   float:left;
   line-height:1;
   font-size:.7em;
   font-weight:bold;
   color:#fff;
   background-color:#222;
   padding:5px;
   border-radius:10px;
   width:10px;
   height:10px;
   text-align:center;
   margin-right:10px;
}

.fk-form .amount-block,
.checkout .amount-block {
   border-radius:5px;
   border:1px solid #b5b5b5;
   padding:10px 5px;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
	display: none;
}

.fk-form .amount-info {
   border-radius:5px;
   padding:10px 10px;
   background:#eee;
   margin-top:5px;
}

.fk-form .fk-row,
.checkout .fk-row {
   margin:15px 0;
}

.fk-form .either-or {
   font-size:.9em;
   font-weight:bold;
   margin:10px 0 10px 10px;
}

.fk-form .field-organisation {
   display:none;
}

.fk-form .interval,
.fk-form .input-gender,
.fk-form .input-amount {
   margin-top:7px;
}

.fk-form .normal {
   font-weight:normal;
}

.fk-form .error {
   border:1px solid #ece729;
   background:#fcfbc5;
}

.fk-form input[type="text"],
.fk-form input[type="number"],
.checkout input[type="text"],
.checkout input[type="number"],
.checkout input[type="tel"],
.checkout input[type="email"] {
   width:calc( 100% - 50px );
   border-radius:5px;
   border:1px solid #ccc;
   padding:8px 15px;
   font-size:1em;
   line-height: .9em !important; 
   font:inherit;
}

.checkout textarea {
   width:calc( 100% - 50px );
   border-radius:5px;
   border:1px solid #ccc;
   padding:8px 15px;
   font-size:1em;
   font:inherit;
}

.checkout input[type="date"] {
   width:calc( 100% );
   border-radius:5px;
   border:1px solid #ccc;
   padding:6px 15px;
   font-size:1em;
   font:inherit;
}

.stripe-credit-card-brand {
	right: 25px !important;
}

.woocommerce form .form-row .optional {
	display: none;
}

.woocommerce-checkout #payment div.form-row {
    padding: 0 !important;
    
}

.checkout .wc-stripe-elements-field {
   width:calc( 100% - 50px );
   border-radius:5px;
   border:1px solid #ccc;
   padding:8px 15px;
   font-size:1em;
   font:inherit;
}

.checkout input[type="radio"] {
	display: inline !important;
}

#gender_field label {
	display: inline !important;
}

#how_did_you_find_out {
   border-radius:5px;
   border:1px solid #ccc;
   padding:8px 15px;
   font-size:1em;
   font:inherit;
}

.select2-container .select2-selection--single {
    height: 38px !important;
    border-color: #ccc !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px !important;
}

.fk-form input[type="number"]#nyp_monthly_amount::placeholder {
  color: #222;
  opacity: 1 !important; /*firefox changes opacity of placeholder by default*/
}

.fk-form input[type="number"]#nyp_monthly_amount {
  color: #222;
}

.fk-form input[type="radio"] {
}

.fk-form input[type="radio"].amount {
}

.fk-form input[type="radio"].fro-amount,
.fk-form input[type="number"]:not(.nyp) + label {
   /* Don't use display:none; since it won't be focusable via keyboard */
  opacity: 0;
  position: fixed;
  width: 0;
}

.fk-form input[type="radio"].fro-amount + label,
.fk-form input[type="number"].nyp + label,
.fk-form input[type="number"]#nyp_monthly_amount {
   width:calc( 100% - 10px );
   height:24px;
   display:inline-block;
   margin:0 auto;
   margin-top:-7px;
   cursor:pointer;
   padding:12px 0px;
   text-align:center;
   border:1px solid #e2e2e2;
   border-radius:5px;
}

.fk-form input[type="radio"].fro-amount:checked + label,
.fk-form input[type="number"].nyp:checked + label,
.fk-form input[type="radio"].fro-amount:checked + input[type="number"] {
   padding:12px 0px;
   border:1px solid #ece729;
   border-radius:5px;
   background:#fcfbc5;
}

.fk-form input[type="radio"].fro-amount:focus + label {
/*   border:1px dashed #999;*/
}

.fk-form .nyp {
	display: none !important;
}

.fk-form #monthly-custom-amount,
.fk-form #custom-one-time-donation
 {
   font-weight:bold;
   padding:12px 5px 12px 5px;
   border-color:#e2e2e2;
   height:24px;
   text-align:center;
   width:calc( 100% - 20px );
}

.fk-form #monthly-custom-amount:focus,
.fk-form #custom-one-time-donation:focus,
.fk-form .focused,
.fk-widget .focused,
label.error {
    background:#fcfbc5;
    border:1px solid #ece729 !important;
}

.fk-form #yearly-sum {
   width:calc( 100% - 30px );
   border-radius:5px;
   border:1px solid #ccc;
   padding:12px 15px 8px 5px;
   font-size:.7em;
   line-height:1em;
   background:#fcfbc5;
   border-color:#ece729;
   height:28px;
}

.fk-form #yearly-sum .caption {
   float:left;
}

.fk-form #yearly-sum .value {
   float:right;
   font-size:1.8em;
   font-weight:bold;
   text-align:right;
   padding:7px 0 0 0;
}

.fk-form select {
   width:calc( 100% - 10px );
   border-radius:5px;
   border:1px solid #ccc;
   padding:8px 15px;
   font-size:1em;
}

.fk-form label,
.checkout label,
.fk-form .interval {
   font-size:1em;
   font-weight:bold;
}

form.checkout .form-row .required {
    color: inherit !important;
}

.fk-form .input-how-did-you-find-out span {
   display:inline;
}

.fk-form textarea#message {
   width:calc( 100% - 50px );
   border-radius:5px;
   border:1px solid #ccc;
   padding:8px 15px;
   font-size:1em;
}

.fk-form .gdpr-info,
.checkout .woocommerce-privacy-policy-text {
   background:#f6f3ae;
   padding:10px;
   border-radius:5px;
}

.checkout .woocommerce-privacy-policy-text p {
	margin-bottom: 0;
}

.fk-form .dashicons-info {
   color:#999;
}

.fk-form .tooltip {
   width:300px !important;
}

.fk-form .fk-form-submit,
.checkout #place_order {
	margin-top: 1rem;
	background:#eee629 !important;
	padding:10px;
	border-radius:5px;
	border:none;
	font-weight:bold !important;
	color: black;
	font: 400 13.3333px Arial;
	cursor: pointer;
}


.fk-form input[type="submit"],
.checkout input[type="submit"] {
   
}

.fk-form .tooltip-inner {
   width:300px !important;
   color:#222;
   border:1px solid #222;
   background-color:#fff !important;
   background:#fff !important;
   line-height:1.35em;
   font-size:1.1em;
   text-align:left !important;
}

.checkout .input-how-did-you-find-out {
	/*display: flex;*/
}

.checkout .input-how-did-you-find-out > span {
    display: inline-block;
}

.checkout .input-how-did-you-find-out > span input,
.checkout .input-how-did-you-find-out > span label {
	display: inline-block !important;
}

.checkout #customer_details .col-1 {
	width: 100%;
}

.checkout #customer_details .col-2 {
	display: none;
}

.dashicons-info:before {
    content: "\f348";
}

@media ( max-width: 990px ) {
   .fk-form .input-amount,
   .fk-form #monthly-custom-amount,
   .fk-form .interval {
      margin-top:0;
      margin-bottom:10px;
   }

   .fk-form .fk-field {
      margin-bottom:15px;
   }

   .fk-form input[type="text"],
   .fk-form input[type="number"] {
      width:calc( 100% - 32px );
   }

   .fk-form #monthly-custom-amount {
      width:calc( 100% - 20px );
   }

   .fk-form .input-how-did-you-find-out span {
      display:block;
   }

}