/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2025 | 13:54:11 */
@media (min-width:1024px){.vgpposttitle {width: 90%; left:0; overflow:visible; transform: translateX(5%);color:#1F4EAD !important;}
.vgpposttitlename {font-size:1.5em;}
	.vgpposttop {display:block !important;}
.vgpposttopbutton {width:35%; font-size: 3em !important;padding:20px; }
	.countdowntimer .countdowntimerheader {font-size:2em;}
	.progresstimerbox {display:inline-flex; width:100%;}
.progressmeter, .countdowntimer {width:50%; text-align:center;}
	

	body.category-vgp .gform-body {padding:20px;}
	body.category-vgp .centerlist {width: 200% !important;transform:translateX(0%);}
}

@media (max-width:767px) {
	.vgpposttitle {font-size:1.5em; font-weight:900;}
	.vgpposttitlename {font-size:1.5em;}
	.vgpposttop {
    width: 100%;
    display: flex;
    justify-content: center;
  }
	.vgpposttopbutton {font-size: 1.2em !important;
    padding: 10px 20px;
    white-space: nowrap !important;
	width: auto !important;
	min-width:fit-content !important;
    max-width: 90% !important;}
	 .countdowntimer .countdowntimerheader {
    font-size: 1.2em !important;
  }
	  .progresstimerbox {
    display: block !important;
  }

  .progressmeter, .countdowntimer {
    width: 100% !important;
    margin-bottom: 20px;
	align-items:center !important;
  }
	.progressmeterheader {justify-content:center !important;}
}

	.vgppostheader {background-image: linear-gradient(to right, #43ADDE12, #3087B059); padding:20px; margin: 20px 0px 20px 0px; border:6px solid #1F4EAD;border-radius:25px; width:100%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.donateandshare {display:block !important; width:50%; vertical-align:middle !important;margin: 30px auto 30px auto;}
.vgpposttop { text-align:center;}
.vgppostshare {text-align:center;font-weight:600;margin-top:20px;}
.vgpposttitle {text-align:center;}
.vgppostsubtitle {text-align:center;font-weight:600; color:#1F4EAD;}
.vgpposttopbutton {font-weight:600; color:white; background-color:#3087B0;text-decoration:none;text-transform:uppercase; margin:30px auto 30px auto; border:3px solid black; border-radius:25px;}
.vgppostfooterbutton {font-weight:600; color:white; background-color:#3087B0;text-decoration:none;text-transform:uppercase;padding:10px; border:3px solid black; border-radius:25px;}
.vgpposttopbutton:hover {background-color:#42ABDD; color:white;}
.vgpposttopbutton a:hover {color:white;}

body.category-vgp .content-area#primary {width:100%;}
body.category-vgp {overflow-x:hidden;}

body.category-vgp .inside-header, body.category-vgp .sidebar, body.category-vgp .vgppageheader {display:none;}
article.category-vgp .entry-header, article.category-vgp footer {display:none;}

.vgppostbanner img {width:100%;}

.progressmeter .progressmeterheader {text-align:center; font-size:2em;}
.progressmeter .progressmetersubheader {text-align:center;}
.countdowntimer .countdowntimerheader {text-align:center;}
.vgpimagecarousel {width:100%;}

.vgpstickyfooter {
	display: inline-block; /* or block/flex depending on layout */
  position: sticky;
  bottom: 0;
width:100%;
	padding: 10px;
  z-index: 999; /* Ensure it's above other content */
  background: white; /* Optional: so it doesn’t look transparent */
}
.vgpstickyfooter a {display:block; width:fit-content;margin-left:auto;margin-right:auto;}
.vgpstickyfooter .vgppostfooterbutton {}
.vgpstickyfooter, .vgpstickyfooter * {
  max-width: 100vw;
  box-sizing: border-box;
}
.mobile-accordion-wrapper .accordion-label {
    background-image: linear-gradient(to right, #43ADDE12, #3087B059);
	color:#1F4EAD;
    padding: 12px;
    cursor: pointer;
    font-weight: bold;
    border-top: 1px solid #ccc;
}

.mobile-accordion-wrapper .accordion-label.open {
    background-color: #e0e0e0;
}

.mobile-accordion-wrapper .accordion-content {
    display: none;
    padding: 12px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.mobile-accordion-wrapper .accordion-content.visible {
    display: block;
}
