.wp-block-group{
	padding-top:var(--space-64);
	@media (max-width:767px){
		padding-top:var(--space-48);
	}
}

.wp-block-group .wp-block-columns .wp-block-column .wpforms-container{
  background:var(---surface-base);
  border: 1px solid #e6e8ee;
  box-shadow: 0 8px 25px rgba(0,0,0,0.04);
  border-radius: var(--space-34);
  padding: var(--space-48) !important;
	@media (max-width:767px){
		padding:var(--space-24) !important;
	}
	
}
 .wp-block-group .wp-block-columns {
	align-items:center !important;
	p{
		padding-block:10px !important;
	}
}
.wp-block-columns.gap-1{
	width:35% !important;
}

.wp-block-columns .gap-1,
.wp-block-columns .gap-2,
.wp-block-columns .gap-3 {
	gap:32px !important;
 }
/* .wp-block-image{
	width:30px;
	img{
		width:30px !important;
		height:30px !important;
	}
} */
.wp-block-heading{
/* 	padding-top:var(--space-96) !important; */
	color:var(--color-full-black);

	
}
.has-text-align-center{
	font-weight: bold;
    color: black;
	padding-top: 10px;
	padding-bottom:30px;
	@media (max-width:767px){
		padding-bottom:unset;
	}
}

.wp-block-group .wpforms-submit-container{
	text-align:right;
	button{
		background-color:#FF3B85 !important;
		padding: 0px 50px !important;
        border-radius: 50px !important;
	}
	
}

#wpforms-1680-field_11-container{
	

	input{
	   padding-block: var(--space-4);
	   border-radius: var(--radius-full);
       box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
	   max-width:100% !important;
	}
}
.wpforms-field{
	padding:0 !important;
}
.wpforms-layout-row{
	p{
		span{
			font-size:15px !important;
		}
	}
}
.wpforms-layout-column{
	padding-bottom:30px !important;
}
.wpforms-field-medium{
	max-width:100% !important;
}

/* //events page css// */


.events-page-wrapper{
	padding-top:var(--space-96);
	color: var(--text-secondary);
}


.event-cards-wrapper{
  display: grid;
  grid-template-columns: repeat(12,1fr);
  gap: var(--space-24);

  @media (max-width: 767px){
    grid-template-columns: repeat(4,1fr);
  }

  .event-card{
    grid-column: span 4;
    background: var(--surface-base);
    border: 1px solid #e5e5e5;
    border-radius: var(--radius-xxl);
    padding: 50px 30px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.10), 
                0 4px 6px -4px rgba(0,0,0,0.10);
    transition: box-shadow var(--duration-normal) var(--ease-out),
                transform var(--duration-normal) var(--ease-out);

    /* important for equal card height */
    display: flex;
    flex-direction: column;
  }

  .event-card:hover{
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
  }

  .event-card-image{
    text-align: center;
	height: 120px;          
    display: flex;
    align-items: center;   
    justify-content: center;

    img{
/*       width: 200px;
      height: auto;
	  justify-self:center; */
		max-width: 200px;
    max-height: 100%;
    object-fit: contain;
    }
  }

  .event-card-title{
    text-align: center;
    padding-block: var(--space-20);
	font-size:var(--space-18);
  }
	.event-card-learn{
		padding-bottom:var(--space-20);
	}

  .event-card-venue{
    padding-bottom: var(--space-28);
	font-size:var(--space-14);
  }

  .event-card-cta{
    background: var(--color-cyan-hover);
    color: var(--text-inverse);
    border-radius: var(--radius-full);
    padding: var(--space-6) var(--space-32);
    text-align: center;
    display: block;
    margin-top: auto; /* pushes button to bottom */
    font-weight: 600;
    align-self: center;
  }
}
#load-more-events{
		background: var(--color-cyan-hover);
        color: var(--text-inverse);
        border-radius: var(--radius-full);
        padding: var(--space-12) var(--space-64);
        text-align: center;
        justify-self: center;
        display: block;
        margin-block: var(--space-28) var(--space-96);
        font-weight: 600;
	    font-size:var(--space-16)
	}
.wp-block-buttons{
	.wp-block-button{
		a{
	background: var(--color-cyan-hover);
    color: var(--text-inverse);
    border-radius: var(--radius-full);
    padding: var(--space-12) var(--space-64);
/*     text-align: center;
    justify-self: center; */
    display: block;
    font-weight: 600;
    font-size: var(--space-16);
/* 	transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(255, 59, 133, 0.3); */
	
	
		}
	}

}
.wp-block-buttons{
	@media (max-width: 767px){
		justify-content:center;
		align-item:center;
	}
}