
<div id="smart-button-container">
      <div style="text-align: center;">
        <div id="paypal-button-container"></div>
      </div>
    </div>
  <script src="https://www.paypal.com/sdk/js?client-id=AfHudGg_f2ZK8BkvlDolCcVlzV__4uEck_CxRiHsL9FR_eAhGDZOKKGKtt6x6t5paex_btH47GR9NIlK&enable-funding=venmo¤cy=USD" data-sdk-integration-source="button-factory"></script>
  <script>
    function initPayPalButton() {
      paypal.Buttons({
        style: {
          shape: 'rect',
          color: 'blue',
          layout: 'vertical',
          label: 'checkout',
          
        },

        createOrder: function(data, actions) {
          return actions.order.create({
            purchase_units: [{"description":"Halfclassgo, 25 minutes class, single session","amount":{"currency_code":"USD","value":13}}]
          });
        },

        onApprove: function(data, actions) {
          return actions.order.capture().then(function(orderData) {
            
            // Full available details
            console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));

            // Show a success message within this page, e.g.
            const element = document.getElementById('paypal-button-container');
            element.innerHTML = '';
            element.innerHTML = '<h3>Thank you for your payment!</h3>';

            // Or go to another URL:  actions.redirect('thank_you.html');
            
          });
        },

        onError: function(err) {
          console.log(err);
        }
      }).render('#paypal-button-container');
    }
    initPayPalButton();
  </script>

div.item:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
	color: #2b212b !important;
}

div:nth-child(2)
.txt {
	padding: 12px 0;
	color: #2b212b;  !important;
}

div.item:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
	color: #2b212b !important;
}

div.item:nth-child(3) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
	color: #2b212b !important;
}

div.item:nth-child(4) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
	color: #2b212b !important;
}

div.item:nth-child(5) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
	color: #2b212b !important;
}


.fa-hourglass-start::before {
	content: "";
	color: #2b212b;
}

span.txt {
	padding: 12px 0;
	color: #2e60a4;
}

#sign_up_btn  {
	color: #ffffff !important;
}

.txt {
	padding: 12px 0;
	color: white;
}

.email {	
color: #ffffff;
}

#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .inputs input {
	border-bottom: 1px solid #ffffff;
}

#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .social .brand a::after {
	width: 20px !important;
	height: 20px !important;
}

#sb_login_form .not-logged .remind-pass {
	color: #ffffff !important;
}

a.fb {
color: #ffffff;
}

.password {	
color: #ffffff;
}

label.control-label {
	color: #ffffff;
}


/*

.not-logged .brand a.fb::after {
	background: url('https://hanalingo.com/wp-content/uploads/2023/02/1-facebook.svg')!important; 
}

.brand a.fb::after {
	background: url('https://hanalingo.com/wp-content/uploads/2023/02/1-facebook.svg')!important; 
}


	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */

}


 div.ui-widget-header   {
	/* add your css rule here */


}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

