/* Container styling specific to page-id-1057 */
body.page-id-1057 .pmpro_cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* Space between cards */
}

/* Card styling specific to page-id-1057 */
body.page-id-1057 .pmpro_card {
/*    flex: 1 1 300px; /* Flexible size but ensures minimum width */
	flex: 1 1 350px; /* Flexible size but ensures minimum width */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 2px solid #163B1F;
    padding: 20px 0;
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    box-shadow: 4px 4px 8px rgba(177, 186, 146, 255);
    transition: transform 0.3s ease;
}

body.page-id-1057 .pmpro_card:hover {
    transform: translateY(-10px);
}

/* Make sure all cards have the same height specific to page-id-1057 */
body.page-id-1057 .pmpro_card > * {
    flex-grow: 1;
}

/* PMPro button specific colours page-id-1057*/
body.page-id-1057 .pmpro_btn { 
   	background-color: #b1ba92; /* Mid-Green */
  	text-align: center;
 	text-decoration: none;
 	display: inline-block;
 	font-size: 16px;
}

/* PMPro button hover over colour */
body.page-id-1057 .pmpro_btn:hover,
body.page-id-1057 .pmpro_btn:focus {
	background-color: #163b1f; /* dark-green */
	background-position: 0 0;
	border-color: var(--pmpro--color--accent--variation);
	color: var(--pmpro--color--base);
}

/* PMPro button specific colours page-id-905 */
body.page-id-905 .pmpro_btn { 
   	background-color: #b1ba92; /* Mid-Green */
  	text-align: center;
 	text-decoration: none;
 	display: inline-block;
 	font-size: 16px;
}
body.page-id-905 .pmpro_btn:hover,
body.page-id-905 .pmpro_btn:focus {
	background-color: #163b1f; 
	background-position: 0 0;
	border-color: var(--pmpro--color--accent--variation);
	color: var(--pmpro--color--base);
}

/* make How to Join and Renew page the same look and feel as the select buttons. page-id-3349 */ 
body.page-id-3349 .wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus {
	color: var(--ast-global-color-4);
	background-color: var(--ast-global-color-1);
    border-color: var(--ast-global-color-1);
}

body.page-id-3349 .wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button {
	background-color: var(--pmpro--color--accent);
    border: 1px solid var(--pmpro--color--accent);
    border-radius: var(--pmpro--base--border-radius);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: var(--pmpro--color--base);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.5;
    min-height: 40px;
    outline: 0;
    padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
    text-align: center;
    text-decoration: none;
    text-rendering: geometricprecision;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    transition: background-color 0.2s, color 0.2s;
}

body.page-id-3349 .menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button {
	border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    color: var(--ast-global-color-5);
    border-color: #b6bf96;
    background-color: #b6bf96;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: inherit;
    font-weight: inherit;
    line-height: 1em;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover ,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,body .wp-block-file .wp-block-file__button:hover,body .wp-block-file .wp-block-file__button:focus {
    background-color: #163b1f; 
	background-position: 0 0;
	border-color: var(--pmpro--color--accent--variation);
	color: var(--pmpro--color--base);
}

body.page-id-1054 .pmpro_btn {
		background-color: #b6bf96;
}

body.page-id-1054 .pmpro_btn:hover,
body.page-id-1054 .pmpro_btn:focus {
		background-color: #163b1f;
}


body.page-id-1054 .pmpro_form_field-password-toggle button,
body.page-id-1054 .pmpro_form_field-password-toggle button:active {
		align-items: center;
		background-color: #b6bf96;
		border: none;
		box-shadow: none;
		box-sizing: border-box;
		color: white;
		display: flex;
		flex-direction: row;
		font-size: 16px;
		gap: calc( var(--pmpro--base--spacing--small) / 2 );
		line-height: 1;
		margin: 0;
		min-height: 1px;
		padding: 0;
}
body.page-id-1054 .pmpro_form_field-password-toggle button:hover {
	background-color: #163b1f;
	color: white
}
body.page-id-1054 .pmpro_form_field-password-toggle button:focus {
	background-color: #163b1f;
	color: white
}

body.page-id-1054 .pmpro_form_field-password-toggle button:hover .pmpro_icon-eye svg {
	stroke: color white;
	background-color: #163b1f;
	color: white
}

body.page-id-1054 .pmpro_form_field-password-toggle button:active .pmpro_icon-eye svg {
		/*stroke: var(--pmpro--color--accent--variation);*/
	stroke: color white;
	background-color: #163b1f;
	color: white
	}


/* Adjust the padding and margin for small screens specific to page-id-1057 */
@media (max-width: 768px) {
    body.page-id-1057 .pmpro_cards {
        flex-direction: column;
    }
}