/* nov. 25 2024 edit to add divider bottom image. accross the website*/ /*
.cd-fixed-bg-one.cd-bg-1{
padding-bottom:200px!important;
}
.cd-fixed-bg-one.cd-bg-1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px; 
  display: block;
z-index:1;
  background: url("https://www.friendsoftheriver.org/wp-content/uploads/2024/11/png_bottomBorder_WavyBrush.png")
    no-repeat center bottom;
  background-size: cover; 
  pointer-events: none;
}
*/
.hotspots-image-container{
		float:left;
		order:1;
		padding:12px;
		width:100%;
		box-sizing:border-box;
}
#content-hotspot-19476{
		float:right;
		order:2;
		width:100%;
}
#panel-7-0-0-0.widget {
margin-bottom:15px;
}
#content-hotspot-19476{
flex:0 0 50%!important;
max-width:50% !important;
}
.hotspots-image-container{
flex:0 0 50%!important;
max-width:50% !important;
}
.hotspot-title{
text-align:left!Important;
margin-bottom:50px;
}
.bttnMapReadMore{
color:white;
background-color:#EE6F2E;
margin-top:10px;
border-radius:2px;
padding: 12px;
}
.bttnMapReadMore:hover{
opacity:.7;
}
#HomeSignUp label{
color:white !important;
}
#HomeSignUp button, input[type="button"], input[type="reset"], input[type="submit"], .widget_calendar tbody a, .page-template-projects-page .columns hr, .page-template-causes-page .columns hr, .page-template-stories-page .columns hr, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range{

margin-top:50px;
color:#3A5C85 !important;
background-color: #fff;
}

/* Tablet breakpoint: 768px and below */
@media (max-width: 768px) {
  .hotspots-image-container,
  #content-hotspot-19476 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    order: unset; /* Keep original order on tablet */
  }
}

/* Mobile breakpoint: 480px and below */
@media (max-width: 480px) {
  .hotspots-image-container,
  #content-hotspot-19476 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Reverse the order on mobile */
  .hotspots-image-container {
    order: 2;
  }
  
  #content-hotspot-19476 {
    order: 1;
  }
  
  .hotspot-title {
    text-align: center !important; /* Adjust text alignment if needed on mobile */
    margin-bottom: 20px;
  }
}

/** CSS CODE TO CUSTOMIZE STYLE OF DONATION - PLEASE CONTACT ADMIN FOR CUSTOMIZATION **/
.Donate-form-sample {
  border: none;
}

.Donate-form-sample .IATS_Action button {
  color: #ffffff;
  background-image: none;
  background-color: #e76c3e;
  border: 0px;
  transition: all .2s ease-in-out;
}

.Donate-form-sample .IATS_Action {
  text-align: left;
}

.Donate-form-sample .IATS_Action button:hover {
  transform: scale(1.1);
  background-color: #e76c3e;
}

.Donate-form-sample span.IATS_Action {
  text-align: left;
}

.Donate-form-sample span.IATS_AmountSectionTitle,
span.IATS_PaymentSectionTitle {
  background-color: #F6F7FA;
  color: #e76c3e;
  padding: 10px;
}

.Donate-form-sample input.IATS_PaymentInputField,
textarea.IATS_PaymentInputField {
  box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.25);
}

.Donate-form-sample .IATS_Div {
  border: none;
}

.Donate-form-sample.IATS_ContentDiv {
  display: flex;
  width: 100% !important;
}

.Donate-form-sample button.IATS_Disabled {
  opacity: .6;
}

.Donate-form-sample td{
  color: #000000;
  text-align: left;
display:block;
		border-style: hidden;
}
.Donate-form-sample tr {
  color: #000000;
  text-align: left;
display:inline-table;
		border-style: hidden;
}

.Donate-form-sample table {
  border: none;
  position: inherit;
		display:inline-block;
		margin:5 auto;
		padding:0;
		
		text-align:left;
		box-sizing:border-box;
}

.Donate-form-sample .IATS_AmountItemDiv{
		display:inline-table;
		border:none;
		padding:0;
		vertical-align:top;
		margin:0 auto;
}
.Donate-form-sample .IATS_Amountspan{
		display:inline-table;
}
.Donate-form-sample input.IATS_OtherAmount{
		width:200px;
		margin-bottom:20px;
		
}
.Donate-form-sample #IATS_AmountListItemDiv_Other0{
		display:block;
}