/* Navigation tab styling */
.menu-item-styling {
	background-color: #69F781 !important;
	border-radius: 40px;
	padding: 5px;
	padding-right: 20px;
	padding-left: 20px;
	border: black 1px solid;
	transition: background-color 0.5s, border 0.5s;
}

.menu-item-styling:hover {
	background-color: #B3FBBF !important;
	border: #B3FBBF 1px solid;
}

ul:has(.menu-item-styling) {
	gap:15px;
}

/* Email registration form styling */
input[name="Email"]
{
/*     background-color: #fff; */
  border: 2px solid black;
	border-radius: 4px;
	width: 100%;
}

input[value="Sign Up"]
{
	width: 100%;
	text-transform: uppercase;
	font-size: inherit;
	background-color: black;
  border-radius: 4px;
  border: 1px solid black;
	color: white;
    font-size: var(--wp--custom--button--typography--font-size);
    font-weight: var(--wp--custom--button--typography--font-weight);
    line-height: var(--wp--custom--button--typography--line-height);
    padding-top: var(--wp--preset--spacing--40);
    padding-right: var(--wp--preset--spacing--70);
    padding-bottom: var(--wp--preset--spacing--40);
    padding-left: var(--wp--preset--spacing--70);
}


/* Other general styling */

h1.wp-block-heading {
		font-size: 3.4rem;
	}

h2.wp-block-heading {
		font-size: 3rem;
	}

iframe {
	width: 100%;
	max-width: 600px;
}

.box-shadow {
	box-shadow: 0px 1px 3px black !important;
}

.white-text-uppercase {
	color: white;
	text-transform: uppercase;
	font-size: 2rem;
}

.wp-block-jetpack-google-calendar {
	min-width: 0px;
}

#tablepress-1_wrapper {
/* 	max-width: min(calc(70% - 30px), calc(100% - 300px)); */
	overflow-x: auto;
	max-width: 100%
}

/* Mobile styling */
@media all and (max-width: 768px) {
	
	h1.wp-block-heading {
		font-size: 2rem !important;
	}
	
	a.wp-element-button {
		font-size: 20px !important;
		padding: 5px !important;
	}
	
	div.wp-block-buttons {
		padding: 15px !important;
	}
	
	h2.wp-block-heading {
		font-size: 2rem;
	}
	
	input[value="Sign Up"] {
		padding: 5px;
	}
	
	.white-text-uppercase {
		font-size: 1.2rem;
	}
	
	.toggle-flex-flow {
		flex-flow: column;
	}
	
	.toggle-grid-layout {
		display: flex !important;
    flex-flow: column;
	}
	
	.toggle-image-size {
		width: 200px;
	}
}