@charset "utf-8";

.fontpreview { width: 100%; text-align: left; margin: 15px 0px; padding: 15px; background-color: rgb(255, 255, 255); box-shadow: rgb(153, 153, 153) 1px 1px 2px; display: inline-block; }

.donationamount { display: inline-block; margin-bottom: 15px; width: 25%; height: 40px; }

.price-form { margin: 10px 10px 10px 0px; display: inline-block; }

.amountsize { font-size: 16px; display: inline-block; margin-right: 5px; }

p#amount-label { font-size: 16px; display: inline-block; margin-bottom: 0px; }

p.price { font-size: 16px; display: inline-block; }

.loader { border-width: 10px; border-style: solid; border-color: rgb(102, 102, 102) rgb(243, 243, 243) rgb(243, 243, 243); border-image: initial; border-radius: 50%; width: 30px; height: 30px; animation: 2s linear 0s infinite normal none running spin; }

@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ui-widget-overlay { background: url("image/back.png") 50% 50% repeat rgb(0, 0, 0) !important; opacity: 0.7 !important; }

div#dialog { font-weight: bold; font-size: 12px; text-align: left; margin: 0px; padding: 10px; }

#donate-popup.zt-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 999; }

.zt-overlay:target { visibility: visible; opacity: 1; }

.popup { margin: 70px auto; padding: 20px; background: rgb(255, 255, 255); border-radius: 5px; width: 30%; position: relative; top: 30%; transition: 5s ease-in-out; }

.popup h2 { margin-top: 0px; color: rgb(51, 51, 51); font-family: Tahoma, Arial, sans-serif; }

.popup .donate-close { position: absolute; top: 20px; right: 30px; transition: 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: rgb(51, 51, 51); }

.popup .donate-close:hover { color: rgb(6, 216, 95); }

.popup .donate-content { max-height: 30%; overflow: auto; }

@media screen and (max-width: 700px) {
  .box { width: 70%; }
  .popup { width: 70%; }
}

.accordion { background-color: rgb(238, 238, 238); color: rgb(68, 68, 68); cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; }

.donation .active, .accordion:hover { background-color: rgb(204, 204, 204); }

.panel { padding: 15px 18px; margin-top: 15px; display: none; background-color: white; }

.panel p { overflow-wrap: break-word; }

.accordion:hover, .accordion { background-color: transparent; padding: 0px; }

.price-slider { padding: 0px 15px 15px; margin-bottom: 10px; background-color: rgb(238, 238, 238); }

.price-slider:hover { background-color: rgb(220, 220, 220); }

.accordion h3 { padding-top: 15px; margin-bottom: 0px; font-size: 18px; }

.accordion::after { content: "+"; color: rgb(119, 119, 119); font-weight: bold; float: right; position: relative; bottom: 25px; font-size: 20px; }

.donation .active::after { content: "−"; }

.textbox_amount { display: inline-block; margin-bottom: 15px; height: 40px; }

.donation .product-image { display: inline-block; width: 25%; padding-right: 4%; }

.display_description { display: inline-block; vertical-align: top; width: 75%; }

.frontbutton { margin-bottom: 0px; margin-left: 20px; }

.ed_minimum_donation { display: block; }

.dropdown_textbox { height: 40px !important; margin-left: 10px !important; }

#donate-popup .popup .donate-close { top: -11px; right: 8px; }

.tab_amount_section input[type="radio"] { opacity: 0; position: fixed; width: 51px; height: 50px; }

.tab_amount_section label { display: inline-block; padding: 5px 15px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; margin: 0px 5px; cursor: pointer; }

.tab_amount_section input[type="radio"]:checked + label { background-color: rgb(225, 225, 225); border-color: rgb(204, 204, 204); }

.tab_amount_section { margin-bottom: 20px; position: relative; }

.panel input[type="number"] { height: 45px; }

.radio_amount_section [type="radio"]:checked, .radio_amount_section [type="radio"]:not(:checked) { position: absolute; left: -9999px; }

.radio_amount_section [type="radio"]:checked + label, .radio_amount_section [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: block; margin-bottom: 10px; color: rgb(23, 23, 23); font-size: 17px; }

.radio_amount_section [type="radio"]:checked + label::before, .radio_amount_section [type="radio"]:not(:checked) + label::before { content: ""; position: absolute; left: 0px; top: 0px; width: 18px; height: 18px; border: 1px solid rgb(23, 23, 23); border-radius: 100%; background: rgb(255, 255, 255); }

.radio_amount_section [type="radio"]:checked + label::after, .radio_amount_section [type="radio"]:not(:checked) + label::after { content: ""; width: 11px; height: 11px; background: rgb(23, 23, 23); position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: 0.2s; }

.radio_amount_section [type="radio"]:not(:checked) + label::after { opacity: 0; transform: scale(0); }

.radio_amount_section [type="radio"]:checked + label::after { opacity: 1; transform: scale(1); }

#donate-popup .popup { margin: 70px auto; padding: 20px; background: rgb(255, 255, 255); border-radius: 5px; width: 90%; min-width: 300px; position: relative; top: 30%; transition: 5s ease-in-out; }

#donate-popup .popup h2 { margin-bottom: 0px; }

img#ztpl-product-image { max-width: 100%; }

.display_description p:first-child { margin-top: 0px; }