/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2025 | 15:54:42 */
/* ==================================== */
/* BRAND COLORS ======================= */
/* ==================================== */
/* ==================================== */
/* ======================================== */
/* MOBILE LAYOUTS */
/* ======================================== */
/* breakpoints */
/* ================================================= */
/* nagb DONATION TAB COMPONENTS */
/* ================================================= */
/* [ GRID ] - Define the Donation Grid  */
@media (max-width: 600px) {
  .nagb-donation-margin {
    margin-top: -50px;
  }
}
@media (max-width: 600px) {
  .nagb-donation-margin .vc_column-inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.nagb-donation-grid {
  /* START GRID */
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.2);
  /*
&.ongoing-support {

  .vc_btn3::after {
    content: "per month";
    display: block;
    font-size: 14px;
  }

  
}
*/
  /* Make the Tab Seems as if it is opening up to the content */
  /* update, we are reversing this concept */
  /* Remove left, right and bottom padding to open up tabs */
}
.nagb-donation-grid .vc_btn3-container.vc_btn3-inline {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  /* [ BUTTON ] 
  - Style The Buttons to Match Branding
  - Make width of buttons 100%
  */
  /* ADD STYLE FOR ACTIVE/RECOMMENDED BUTTON */
}
.nagb-donation-grid .vc_btn3-container.vc_btn3-inline .vc_btn3 {
  width: 100%;
  background-color: #4d847a;
  border: none;
  color: white;
  font-size: 30px;
  background-image: none !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: bold;
  margin-bottom: 5px;
}
.nagb-donation-grid .vc_btn3-container.vc_btn3-inline .vc_btn3:hover {
  background-color: #96b460;
}
@media (max-width: 600px) {
  .nagb-donation-grid .vc_btn3-container.vc_btn3-inline .vc_btn3 {
    font-size: 4vw;
    padding: 10px !important;
  }
}
.nagb-donation-grid .vc_btn3-container.vc_btn3-inline + .nagb-price-impact {
  margin-bottom: 10px;
}
.nagb-donation-grid .vc_btn3-container.vc_btn3-inline + .nagb-price-impact p {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 5px 0px;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  text-transform: uppercase;
  color: white !important;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .nagb-donation-grid .vc_btn3-container.vc_btn3-inline + .nagb-price-impact p {
    display: none !important;
  }
}
.nagb-donation-grid .vc_btn3-container.vc_btn3-inline:hover + .nagb-price-impact p {
  color: #4d847a !important;
  transition: all 0.2s ease-in-out;
}
.nagb-donation-grid .ongoing-donations-tab .vc_btn3-container a::after {
  content: "/ month";
  display: block;
  font-size: 14px;
}
.nagb-donation-grid .vc_tta-tab, .nagb-donation-grid .vc_tta-tab > a {
  font-size: 1em;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 900;
  border-radius: 0 !important;
  color: #4d847a !important;
  text-transform: uppercase !important;
  border-color: transparent !important;
  background: none !important;
}
.nagb-donation-grid .vc_tta-tab.vc_active > a {
  border-bottom: 3px solid !important;
  border-bottom-color: #4d847a !important;
  border-radius: 0;
}
.nagb-donation-grid .vc_tta-panels {
  /* border-color: $aliv-green !important; */
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background: none !important;
}
/* END GRID */
/* ======================================== */
/* ======================================== */
/* START DONATION NAME YOUR PRODUCT FIELD = */
/* ======================================== */
.nagb-donation-field {
  /* MAKE BUTTON FULL WIDTH */
}
.nagb-donation-field .single_add_to_cart_button.button.alt {
  width: 100%;
  border-bottom: none;
}
.nagb-donation-field .single_add_to_cart_button.button.alt:hover {
  background-color: #96b460 !important;
  transition: all 0.2s ease-in-out;
}
.nagb-donation-field .woocommerce {
  /* Remove Title and Images */
}
.nagb-donation-field .woocommerce div.images, .nagb-donation-field .woocommerce .product_title {
  display: none;
}
.nagb-donation-field .woocommerce div.product p.price {
  display: none;
}
.nagb-donation-field .woocommerce div.product div.summary {
  width: 100%;
}
.nagb-donation-field .woocommerce div.product form.cart {
  margin: 0;
  padding: 0;
  background-color: #4d847a;
  transition: all 0.2s ease-in-out;
  padding: 10px 20px;
  border-radius: 5px;
}
.nagb-donation-field .woocommerce div.product form.cart #ywcnp_form_name_your_price {
  margin: 0;
  width: 100% !important;
  text-align: center;
}
.nagb-donation-field .woocommerce div.product form.cart label {
  color: white;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 5px;
  text-transform: uppercase;
}
.nagb-donation-field .woocommerce div.product form.cart div.quantity {
  display: none;
}
.nagb-donation-field .woocommerce div.product form.cart:hover {
  transition: all 0.2s ease-in-out;
  background-color: #96b460;
}
.nagb-donation-field .woocommerce .first-payment-date, .nagb-donation-field .woocommerce .product_meta {
  display: none;
}
.nagb-donation-field .woocommerce label[for="ywcnp_suggest_price_single"] {
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif !important;
}
.nagb-donation-field .woocommerce input#ywcnp_suggest_price_single {
  padding: 15px;
  border-radius: 10px;
  border: none;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  text-align: center;
  font-size: 25px;
}
.nagb-donation-field .hide-on-nyp {
  display: none !important;
}
.nagb-donation-field .nyp-full-width {
  width: 100% !important;
}
.nagb-donation-field div.product form.cart .button {
  background: transparent;
  border: none;
  width: 100%;
  box-shadow: none !important;
}
/* Outlined Version of the Name Your Price Field (For Campaign Pages) */
.nagb-donation-field.outline-mode .woocommerce div.product form.cart {
  background-color: transparent;
}
.nagb-donation-field.outline-mode input[type=text], .nagb-donation-field.outline-mode input[type=email], .nagb-donation-field.outline-mode input[type=password], .nagb-donation-field.outline-mode textarea, .nagb-donation-field.outline-mode input[type=tel], .nagb-donation-field.outline-mode input[type=range], .nagb-donation-field.outline-mode input[type=url] {
  border: 2px solid #3498db;
}
/* END DONATION NAME YOUR PRODUCT FIELD*/
/* ======================================== */