/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

.homemasonry {
	
}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0, 0, 0, .25) !important;
}

/*first slide*/
.slide-1 .slideshow_caption {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  padding: 50px !important;
  text-align: center !important;
  top: 10% !important;
  background: none !important;
  background-color: transparent !important;
}

.slide-1 .slideshow_inner_caption,
.slide-1 .slideshow_align_caption {
  text-align: center !important;
  background: none !important;
  background-color: transparent !important;
}

.slide-1 .avia-caption-title {
  font-size: 52px !important;
  color: #ffffff !important;
  text-align: center !important;
  line-height: 1.2 !important;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.6) !important;
  background: none !important;
  background-color: transparent !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

@media only screen and (max-width: 768px) {
  .slide-1 .slideshow_caption {
    top: 10% !important;
    padding: 10px !important;
  }

  .slide-1 .avia-caption-title {
    font-size: 38px !important;
  }
}

/* Force disable all entrance animations for Fullscreen Slider captions */
.avia_transform .av-single-slide .avia-caption-title,
.avia_transform .av-single-slide .avia-caption-content,
.avia_transform .av-single-slide .avia-slideshow-button,
#top .avia-caption-title, 
#top .avia-caption-content, 
#top .avia-slideshow-button {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
}

/* Ensure the button and its internal overlay do not animate */
.avia-slideshow-button, 
.avia-slideshow-button .image-overlay {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
}



/*Volunteer*/

button.popmake-123 {
  background:#0073aa;
  color:#fff;
  padding:12px 25px;
  border:none;
  border-radius:5px;
  cursor:pointer;
}

button.popmake-123:hover {
  background:#005f8d;
}

/* Contact Form 7 Submit Button - Enfold Style */

.wpcf7 input[type="submit"] {
    background: linear-gradient(to bottom, #8dc63f 0%, #6fb02c 100%);
    color: #ffffff;
    border: none;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover effect */
.wpcf7 input[type="submit"]:hover {
    background: linear-gradient(to bottom, #7bb635 0%, #5f9e26 100%);
}

/* Reduce space between Contact Form 7 fields */
.wpcf7 form p {
  margin-bottom: 7px !important;
}

/* Reduce space between label and input */
.wpcf7 form label {
  margin-bottom: 4px;
  display: block;
}

/* Optional: make inputs tighter */
.wpcf7 form input,
.wpcf7 form textarea,
.wpcf7 form select {
  margin-top: 3px;
}


.g1fts.avia-section {
	background-position: 50% 60% !important;
}

/*Blog */
	.avia-content-slider .slide-meta time {
    display: none;
}

.avia-content-slider .slide-entry-title {
    font-size: 2em;
    line-height: 1.2em;
}

/* Style Read More links on give-a-gift page to match More Info buttons */
.post a[href*="spiritualchords.org"].more-link,
a.more-link,
.more-link {
  display: inline-block;
  border: 3px solid #315753 !important;
  color: #315753 !important;
  padding: 10px 22px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  letter-spacing: 0.5px;
  background-color: transparent;
  transition: all 0.2s ease;
	margin-top:20px
}

.more-link:hover {
  background-color: #315753 !important;
  color: #ffffff !important;
}

.more-link .more-link-arrow {
  display: none !important;
}

.avia-content-slider .slide-image {
	    margin-bottom: 16px;
}

/*dark buttons*/
#top .avia-button.avia-color-dark {
	border: 3px solid #315753;
    color: #315753;
    border-color: #315753;
}

#top .avia-button.avia-color-dark:hover {
  background-color: #315753 !important;
  color: #ffffff !important;
}

.av-link-btn.avia-icon_select-no.avia-size-large.avia-position-center.avia-color-dark {
    font-weight: 800 !important;
}
.avia-button.avia-color-dark:hover {
    opacity: 1;
}

/* Force the button to align its contents horizontally */
.avia-slideshow-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px; /* This creates the space between 'Donate' and the heart */
    vertical-align: middle;
}

/* Ensure the image doesn't break the layout */
.avia-slideshow-button img {
    display: inline-block !important;
    width: 20px !important; /* Set your preferred heart size */
    height: auto !important;
    margin: 0 !important; /* Remove any default margins */
}

/*slideshow*/

.slideshow_align_caption {
    display: block;
}

.slideshow_align_caption {
	background-color: rgba(0,0,0,0.5);
    padding: 20px;
}
.slideshow_caption {
    height: 60%;
	bottom: 70px;
}

#top .avia-slideshow-button.avia-color-light {
    background-color: transparent;
}

p,li {
	font-size:16px
}

.sub_menu>ul>li>a {
	font-size:13px
}

#av_section_6 .avia-section-huge .content {
	padding-bottom: 0 !important
} 

#top .av-related-style-full .related_image_wrap img {
	border-radius:0
}

.socialicons ul, .socialicons2 ul {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
	margin: 0;
    padding: 0
}

.socialicons2 ul {
    justify-content: flex-start;
}


.socialicons li, .socialicons2 li {
	list-style: none;
	padding-right: 10px;
	margin: 0
}

.socialicons2 li {
	list-style: none;
	padding-right: 20px;
	margin: 0
}

.icon-link {
  	display: inline-flex;
  	align-items: center;
	justify-content:flex-start
}

.icon-link span {
	padding-left:10px
}

.imgcaptions p {
	font-size: 1.5em !important;
    line-height: 1.3em
}
span.av-masonry-date.meta-color.updated {
    display: none;
}

.main_color {
	border-color:#fff !important
}

#footer-page h3 {
	color: #ffffff
}


.f00t3r a, .f00t3r p {
	color:#edffcc
}

#top #wrap_all #socket .container {
    text-align: center;
}

#top #wrap_all #socket .copyright {
    float: none;
    clear: both;
    text-align: center;
}

/* ── TOP MENU (sub_menu) – small text ── */
#top .sub_menu {
  font-size: 13px !important;
}

#top .sub_menu .menu-item a {
  font-size: 13px !important;
  color: #555555 !important;
  text-decoration: none !important;
  padding: 4px 8px;
  letter-spacing: 0.3px;
}

#top .sub_menu .menu-item a:hover {
  color: #315753 !important;
}

/* ── MAIN MENU (main_menu) – large text ── */
#top .main_menu .av-main-nav > li > a {
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
}

/* ── SHARED BUTTON BASE ── */
#top .sub_menu a {
  display: inline-block;
  padding: 8px 16px;
  margin-left: 10px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none !important;
  line-height: 1.2;
  position: relative;
  transition: background-color 0.25s ease, transform 0.2s ease;
}

.sub_menu li {
  border-right-width: 0;
}

/* Donate Now button - solid dark navy */
#menu-item-48 a {
  background-color: #2d3e50 !important;
  border: 2px solid #2d3e50 !important;
  color: #ffffff !important;
  font-size: 13px !important;
}

#menu-item-48 a:hover {
  background-color: #1a2530 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Gift Catalogue - outlined green with ribbon */
#menu-item-47 a {
  background-color: transparent !important;
  border: 2px solid #8bba34 !important;
  color: #8bba34 !important;
  padding-left: 40px !important;
  font-size: 13px !important;
}

#menu-item-47 a:hover {
  background-color: #8bba34 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Ribbon icon on Gift Catalogue only */
#menu-item-47 a::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='33' viewBox='0 0 28 33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238bba34' d='M28,0 L3.739,33 L-0.001,33 L8.43269462,21.5300145 C7.7112256,22.0228581 7.03585694,22.3761062 6.40133679,22.5903518 C3.83959119,23.4553245 1.92732041,22.1163381 1.19494483,19.2498894 C0.479737492,16.4506356 1.38700446,14.3044002 3.85784552,13.4701214 C5.51579826,12.9103141 7.85354093,12.9699604 10.939426,13.5986298 C9.48663646,11.1378127 8.73101371,9.12050165 8.69253818,7.47904497 C8.63142643,4.87187369 10.3379244,3.2852659 13.2129778,2.99993977 C16.1570457,2.70776451 18.0693165,4.04675093 18.1326766,6.74984246 C18.1458009,7.30975501 18.0773459,7.92976116 17.9280363,8.61286587 L24.259,0 L28,0 Z M4.80079624,16.3259876 C3.96761613,16.6073106 3.75638603,17.1069976 4.10820573,18.4839866 L4.20260793,18.8283636 C4.4991596,19.8262165 4.78680341,19.9612453 5.45838607,19.7344856 C6.42284138,19.4088375 7.76995233,18.3972351 9.43789732,16.706658 L9.70391426,16.4340833 L9.33074723,16.3685654 C7.24889007,16.0177504 5.72471891,16.0140253 4.80079624,16.3259876 Z M13.4896585,5.99946372 C12.0753827,6.13981931 11.6780755,6.5092137 11.6986827,7.38836505 C11.72019,8.30591863 12.1863278,9.62747182 13.1095613,11.3107256 L13.2880272,11.6305641 L13.4772246,11.9588179 L13.6423778,11.6156178 C14.6605299,9.47005075 15.1503861,7.85819213 15.1265321,6.84052238 C15.1081732,6.05729128 14.8349199,5.86595725 13.4896585,5.99946372 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Ribbon turns white on hover */
#menu-item-47 a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='33' viewBox='0 0 28 33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M28,0 L3.739,33 L-0.001,33 L8.43269462,21.5300145 C7.7112256,22.0228581 7.03585694,22.3761062 6.40133679,22.5903518 C3.83959119,23.4553245 1.92732041,22.1163381 1.19494483,19.2498894 C0.479737492,16.4506356 1.38700446,14.3044002 3.85784552,13.4701214 C5.51579826,12.9103141 7.85354093,12.9699604 10.939426,13.5986298 C9.48663646,11.1378127 8.73101371,9.12050165 8.69253818,7.47904497 C8.63142643,4.87187369 10.3379244,3.2852659 13.2129778,2.99993977 C16.1570457,2.70776451 18.0693165,4.04675093 18.1326766,6.74984246 C18.1458009,7.30975501 18.0773459,7.92976116 17.9280363,8.61286587 L24.259,0 L28,0 Z M4.80079624,16.3259876 C3.96761613,16.6073106 3.75638603,17.1069976 4.10820573,18.4839866 L4.20260793,18.8283636 C4.4991596,19.8262165 4.78680341,19.9612453 5.45838607,19.7344856 C6.42284138,19.4088375 7.76995233,18.3972351 9.43789732,16.706658 L9.70391426,16.4340833 L9.33074723,16.3685654 C7.24889007,16.0177504 5.72471891,16.0140253 4.80079624,16.3259876 Z M13.4896585,5.99946372 C12.0753827,6.13981931 11.6780755,6.5092137 11.6986827,7.38836505 C11.72019,8.30591863 12.1863278,9.62747182 13.1095613,11.3107256 L13.2880272,11.6305641 L13.4772246,11.9588179 L13.6423778,11.6156178 C14.6605299,9.47005075 15.1503861,7.85819213 15.1265321,6.84052238 C15.1081732,6.05729128 14.8349199,5.86595725 13.4896585,5.99946372 Z'/%3E%3C/svg%3E");
}

/* ── MOBILE ── */
@media only screen and (max-width: 768px) {
  #top .sub_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
  }

  #top .sub_menu .menu-item a {
    font-size: 12px !important;
    padding: 3px 6px;
  }

  #menu-item-48 a,
  #menu-item-47 a {
    font-size: 12px !important;
    padding: 6px 12px !important;
  }

  #menu-item-47 a {
    padding-left: 34px !important;
  }

  #top .main_menu .av-main-nav > li > a {
    font-size: 15px !important;
  }
}

/* Donate Now in main nav */
#menu-item-1311 a {
  background-color: #2d3e50 !important;
  border: 2px solid #2d3e50 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 8px 16px !important;
  font-size: 17px !important;
}

#menu-item-1311 a:hover {
  background-color: #1a2530 !important;
  color: #ffffff !important;
}

/* Gift Catalogue in main nav */
#menu-item-1310 a {
  background-color: transparent !important;
  border: 2px solid #8bba34 !important;
  color: #8bba34 !important;
  border-radius: 4px !important;
  padding: 8px 16px 8px 40px !important;
  font-size: 17px !important;
  position: relative !important;
}

#menu-item-1310 a:hover {
  background-color: #8bba34 !important;
  color: #ffffff !important;
}

/* Ribbon on main nav Gift Catalogue */
#menu-item-1310 a::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='33' viewBox='0 0 28 33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238bba34' d='M28,0 L3.739,33 L-0.001,33 L8.43269462,21.5300145 C7.7112256,22.0228581 7.03585694,22.3761062 6.40133679,22.5903518 C3.83959119,23.4553245 1.92732041,22.1163381 1.19494483,19.2498894 C0.479737492,16.4506356 1.38700446,14.3044002 3.85784552,13.4701214 C5.51579826,12.9103141 7.85354093,12.9699604 10.939426,13.5986298 C9.48663646,11.1378127 8.73101371,9.12050165 8.69253818,7.47904497 C8.63142643,4.87187369 10.3379244,3.2852659 13.2129778,2.99993977 C16.1570457,2.70776451 18.0693165,4.04675093 18.1326766,6.74984246 C18.1458009,7.30975501 18.0773459,7.92976116 17.9280363,8.61286587 L24.259,0 L28,0 Z M4.80079624,16.3259876 C3.96761613,16.6073106 3.75638603,17.1069976 4.10820573,18.4839866 L4.20260793,18.8283636 C4.4991596,19.8262165 4.78680341,19.9612453 5.45838607,19.7344856 C6.42284138,19.4088375 7.76995233,18.3972351 9.43789732,16.706658 L9.70391426,16.4340833 L9.33074723,16.3685654 C7.24889007,16.0177504 5.72471891,16.0140253 4.80079624,16.3259876 Z M13.4896585,5.99946372 C12.0753827,6.13981931 11.6780755,6.5092137 11.6986827,7.38836505 C11.72019,8.30591863 12.1863278,9.62747182 13.1095613,11.3107256 L13.2880272,11.6305641 L13.4772246,11.9588179 L13.6423778,11.6156178 C14.6605299,9.47005075 15.1503861,7.85819213 15.1265321,6.84052238 C15.1081732,6.05729128 14.8349199,5.86595725 13.4896585,5.99946372 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

#menu-item-1310 a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='33' viewBox='0 0 28 33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M28,0 L3.739,33 L-0.001,33 L8.43269462,21.5300145 C7.7112256,22.0228581 7.03585694,22.3761062 6.40133679,22.5903518 C3.83959119,23.4553245 1.92732041,22.1163381 1.19494483,19.2498894 C0.479737492,16.4506356 1.38700446,14.3044002 3.85784552,13.4701214 C5.51579826,12.9103141 7.85354093,12.9699604 10.939426,13.5986298 C9.48663646,11.1378127 8.73101371,9.12050165 8.69253818,7.47904497 C8.63142643,4.87187369 10.3379244,3.2852659 13.2129778,2.99993977 C16.1570457,2.70776451 18.0693165,4.04675093 18.1326766,6.74984246 C18.1458009,7.30975501 18.0773459,7.92976116 17.9280363,8.61286587 L24.259,0 L28,0 Z M4.80079624,16.3259876 C3.96761613,16.6073106 3.75638603,17.1069976 4.10820573,18.4839866 L4.20260793,18.8283636 C4.4991596,19.8262165 4.78680341,19.9612453 5.45838607,19.7344856 C6.42284138,19.4088375 7.76995233,18.3972351 9.43789732,16.706658 L9.70391426,16.4340833 L9.33074723,16.3685654 C7.24889007,16.0177504 5.72471891,16.0140253 4.80079624,16.3259876 Z M13.4896585,5.99946372 C12.0753827,6.13981931 11.6780755,6.5092137 11.6986827,7.38836505 C11.72019,8.30591863 12.1863278,9.62747182 13.1095613,11.3107256 L13.2880272,11.6305641 L13.4772246,11.9588179 L13.6423778,11.6156178 C14.6605299,9.47005075 15.1503861,7.85819213 15.1265321,6.84052238 C15.1081732,6.05729128 14.8349199,5.86595725 13.4896585,5.99946372 Z'/%3E%3C/svg%3E");
}

#menu-item-1311 a,
#menu-item-1310 a {
  font-size: 13px !important;
  padding: 0px 10px !important;
  border-width: 1px !important;
  align-self: center !important;
  margin-left: 6px !important;
  height: 30px !important;
  line-height: 30px !important;
  box-sizing: border-box !important;
}

#menu-item-1310 a {
  padding-left: 28px !important;
}

#menu-item-1310 a::before {
  width: 18px !important;
  height: 18px !important;
  left: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#menu-item-1311,
#menu-item-1310 {
  margin-top: 15px !important;
}


/* Mobile */
@media only screen and (max-width: 768px) {
  #menu-item-1311 a,
  #menu-item-1310 a {
    font-size: 15px !important;
    padding: 8px 14px !important;
    margin: 4px 0 !important;
    display: inline-block !important;
  }

  #menu-item-1310 a {
    padding-left: 38px !important;
  }

  #menu-item-1310 a::before {
    width: 24px !important;
    height: 24px !important;
  }
}

@media only screen and (max-width: 768px) {
  #top .sub_menu ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 4px 8px !important;
    gap: 4px !important;
  }

  #top .sub_menu ul li {
    display: flex !important;
    align-items: center !important;
  }

  #top .sub_menu ul li a {
    font-size: 11px !important;
    padding: 2px 6px !important;
    white-space: nowrap !important;
  }
}

/*Donate plugin*/
.wcdp_options>li>input:checked+label:after {
	display:none
}

#top .variations {
    margin: 50px 0 0 0;
}


#top label span {
	color: inherit
}

#main .wcdp-right, .wcdp-left {
    margin-top: 0 !important;
}

.wcdp-body {
    padding-bottom: 40px;
}

#top.woocommerce-page select {
	width: 100%;
}


ul.menu-item.cart_dropdown {
    display: none;
}

.variations.wcdp_variation.wcdp-row {
    margin: 50px 0 20px 0 !important;
}

.main_color .container .av-inner-masonry-content {
	background-color: #AED768 
}

.main_color .container .av-masonry-entry .avia-arrow {
	background-color: #AED768 

}

@media only screen and (max-width: 767px) {
	
	.slideshow_caption {
  height: 35%;
    bottom: 50px;
	}
	
  .responsive #top #main {
    margin-top: 120px !important;
  }
  .responsive #top #wrap_all #header {
    position: fixed;
  }
}
#wcdp-designated-visible,
#wcdp-purpose-visible {
  width: 100% !important;
  box-sizing: border-box !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  background-image: none !important;
}

.wcdp_variation.wcdp-row {
  overflow: hidden !important;
}

.wcdp-choose-donation .button-row {
  margin-top: 60px !important;
  clear: both !important;
}


@media (max-width: 768px) {
  .wcdp-choose-donation .button-row {
    margin-top: 80px !important;
  }
}

/* ── DONATE FORM ── */

#top .variations_form {
    background-color: white;
	border: 2px solid white
}


#wcdp {
  max-width: 600px !important;
  margin: 0 auto !important;
  border: 2px solid #315753 !important;
  border-radius: 16px !important;
  padding: 25px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
margin-bottom: 35px !important;
}

.wcdp-header {
  margin-bottom: 30px !important;
}

.wcdp-step {
  color: #315753 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background-color: transparent !important;
  float: left !important;
  text-align: center !important;
}

.wcdp-progress-bar-background {
  background-color: #d0e8d0 !important;
}

.wcdp-progress-bar {
  background-color: #315753 !important;
}

/* Amount buttons */
.wcdp_options.wcdp_amount {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 !important;
}

.wcdp_options.wcdp_amount li {
  flex: 0 0 auto !important;
}

.wcdp_options.wcdp_amount .wcdp-button-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 75px !important;
  height: 75px !important;
  border-radius: 50% !important;
  background-color: #315753 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.wcdp_options.wcdp_amount .wcdp-button-label:hover {
  background-color: #8bba34 !important;
}

.wcdp_options.wcdp_amount input[type="radio"]:checked + .wcdp-button-label {
  background-color: #8bba34 !important;
  outline: 3px solid #315753 !important;
}

/* Custom amount */
.wcdp_label_custom_amount {
  display: flex !important;
  flex-direction: column !important;
  background-color: #315753 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  min-width: 160px !important;
  margin-top: 4px !important;
}

.wcdp_other {
  font-size: 13px !important;
  margin-bottom: 4px !important;
  color: #ffffff !important;
}

.wcdp_cu_field {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
	padding-top: 16px;
}

.wcdp_cu_field .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.wcdp-donation-amount {
  background-color: #f5f5f5 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  height: 48px !important;
}

.wcdp_label_custom_amount {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #315753 !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  min-width: 160px !important;
  height: 75px !important;
  box-sizing: border-box !important;
  gap: 6px !important;
}

.wcdp_other {
  display: none !important;
}

/* Dropdowns */
#wcdp-designated-visible,
#wcdp-purpose-visible {
  width: 100% !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  border: none !important;
  border-radius: 10px !important;
  background-color: #315753 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
  display: block !important;
  box-sizing: border-box !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

.wcdp-variation-heading {
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #2d2d2d !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Next/Back buttons */
.wcdp-choose-donation .button-row {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 30px !important;
}

#wcdp-ajax-button,
.wcdp-button.wcdp-right {
  background-color: transparent !important;
  border: 2px solid #315753 !important;
  color: #315753 !important;
  padding: 10px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

#wcdp-ajax-button:hover,
.wcdp-button.wcdp-right:hover {
  background-color: #315753 !important;
  color: #ffffff !important;
}


/* Hide the purpose buttons and show the select instead */
ul.wcdp_su {
  display: none !important;
}

ul.wcdp_su + div {
  display: block !important;
}

ul.wcdp_su + div select {
  width: 100% !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  border: none !important;
  border-radius: 10px !important;
  background-color: #315753 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
  display: block !important;
  box-sizing: border-box !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

ul.wcdp_su + div select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 40px !important;
}

.wcdp-body {
    padding-bottom: 0;
}

#wcdp,
.wcdp-body,
.wcdp-tab,
.wcdp_variation.wcdp-row,
.wcdp_options.wcdp_amount {
  overflow: visible !important;
}

/*new mobile menu*/

@media only screen and (max-width: 768px) {

  #menu-item-44,
  #menu-item-43 {
    display: none !important;
  }

  #menu-item-1311,
  #menu-item-1310 {
    display: none !important;
  }

  #top .sub_menu {
    display: flex !important;
    justify-content: center !important;
    padding: 6px 8px !important;
  }
}


/* Mobile */
@media only screen and (max-width: 600px) {
  #wcdp {
    padding: 20px 16px !important;
  }

  .wcdp_options.wcdp_amount .wcdp-button-label {
    width: 55px !important;
    height: 55px !important;
    font-size: 13px !important;
  }

  .wcdp_options.wcdp_amount {
    gap: 8px !important;
  }

  .wcdp_label_custom_amount {
    min-width: 120px !important;
  }
}