:root {
	--Btn-Animation: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
}

body input[type="submit"],
body .btn,
body .form-embed .hs-form .hs-button {
	display: inline-flex;
	align-items: center;
	font-size: 1rem;
	font-weight: 600;
	line-height: 120%;
	padding: 12px 16px;
	border: none;
	border-radius: 0px;
	border: 2px solid transparent;
	background: var(--Accent-1);
	color: var(--Text);
	justify-content: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	white-space: nowrap;
	min-height: 48px;
	-webkit-transition: var(--Btn-Animation);
	-moz-transition: var(--Btn-Animation);
	-ms-transition: var(--Btn-Animation);
	-o-transition: var(--Btn-Animation);
	transition: var(--Btn-Animation);
}

body input[type="submit"] {
	background: var(--Navy);
	border: none !important;
	color: var(--White);
	margin: 0 !important;
}

body input[type="submit"]:hover {
	color: var(--White);
}

body:not(.page-template-default) input[type="submit"] {
	width: 100% !important;
}

body input[type="submit"]:is(:hover, :focus),
body .btn:is(:hover, :focus) {
	color: var(--Navy);
	background: #051E30;
}

.btn.inactive {
	color: var(--Neutral) !important;
	background: var(--Neutral-light) !important;
	pointer-events: none;
}

.btn.reversed:hover {
	color: var(--Text) !important;
	background: var(--White) !important;
}

.btn.secondary.inactive {
	color: var(--Neutral) !important;
	border-color: var(--Neutral) !important;
}

.btn.secondary.reversed {
	color: var(--White) !important;
	border-color: var(--White) !important;
}

.btn.secondary.reversed:hover  {
	color: var(--Accent-1) !important;
	border-color: var(--Accent-1) !important;
}

.btn.arrow:after {
	content: "";
	width: 10px;
	height: 14px;
	margin-left: 12px;
	background-color: var(--Text);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90625 7.53125L2.84375 13.625C2.53125 13.9062 2.0625 13.9062 1.78125 13.625L1.0625 12.9062C0.78125 12.625 0.78125 12.1562 1.0625 11.8438L5.875 7L1.0625 2.1875C0.78125 1.875 0.78125 1.40625 1.0625 1.125L1.78125 0.40625C2.0625 0.125 2.53125 0.125 2.84375 0.40625L8.90625 6.5C9.1875 6.78125 9.1875 7.25 8.90625 7.53125Z' fill='black'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90625 7.53125L2.84375 13.625C2.53125 13.9062 2.0625 13.9062 1.78125 13.625L1.0625 12.9062C0.78125 12.625 0.78125 12.1562 1.0625 11.8438L5.875 7L1.0625 2.1875C0.78125 1.875 0.78125 1.40625 1.0625 1.125L1.78125 0.40625C2.0625 0.125 2.53125 0.125 2.84375 0.40625L8.90625 6.5C9.1875 6.78125 9.1875 7.25 8.90625 7.53125Z' fill='black'/%3E%3C/svg%3E%0A");
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.btn.arrow.inactive:after {
	background-color: var(--Neutral);
}

.btn.arrow:is(:hover, :focus):after {
	background-color: var(--White);
}

.btn.reversed.arrow:is(:hover, :focus):after {
	background-color: var(--Text);
}

.btn.secondary.arrow:after {
	background-color: var(--Navy);
}

.btn.secondary.arrow:is(:hover, :focus):after {
	background-color: var(--Text);
}

.btn.secondary.arrow.inactive:after {
	background-color: var(--Neutral);
}

.btn.secondary.reversed.arrow:after {
	background-color: var(--White);
}

.btn.secondary.reversed.arrow:is(:hover, :focus):after {
	background-color: var(--Accent-1);
}

.tertiary {
	display: inline-flex;
	align-items: center;
	color: var(--Navy);
	font-weight: 600;
	line-height: 120%;
	text-decoration: none;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.tertiary-hover:is(:hover, :focus) .tertiary,
.tertiary:is(:hover, :focus) {
	color: var(--Text);
}

.tertiary.inactive {
	color: var(--Neutral);
	pointer-events: none;
}

.tertiary.arrow:after {
	content: "";
	width: 10px;
	height: 14px;
	margin-top: 1px;
	margin-left: 8px;
	background-color: var(--Navy);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90625 7.53125L2.84375 13.625C2.53125 13.9062 2.0625 13.9062 1.78125 13.625L1.0625 12.9062C0.78125 12.625 0.78125 12.1562 1.0625 11.8438L5.875 7L1.0625 2.1875C0.78125 1.875 0.78125 1.40625 1.0625 1.125L1.78125 0.40625C2.0625 0.125 2.53125 0.125 2.84375 0.40625L8.90625 6.5C9.1875 6.78125 9.1875 7.25 8.90625 7.53125Z' fill='black'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90625 7.53125L2.84375 13.625C2.53125 13.9062 2.0625 13.9062 1.78125 13.625L1.0625 12.9062C0.78125 12.625 0.78125 12.1562 1.0625 11.8438L5.875 7L1.0625 2.1875C0.78125 1.875 0.78125 1.40625 1.0625 1.125L1.78125 0.40625C2.0625 0.125 2.53125 0.125 2.84375 0.40625L8.90625 6.5C9.1875 6.78125 9.1875 7.25 8.90625 7.53125Z' fill='black'/%3E%3C/svg%3E%0A");
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.tertiary-hover:is(:hover, :focus) .tertiary.arrow:after,
.tertiary.arrow:is(:hover, :focus):after {
	margin-left: 14px;
}

input.button,
select.button {
	display: flex;
	align-items: center;
	font-size: 1em;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	color: var(--Text);
	border: none;
	background: var(--Neutral-light);
	padding: 13px 46px 13px 16px;
	min-height: 48px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) 50%;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.46875 8.40625L0.375 2.34375C0.0937499 2.03125 0.0937499 1.5625 0.375 1.28125L1.09375 0.562499C1.375 0.281249 1.84375 0.281249 2.15625 0.562499L7 5.375L11.8125 0.5625C12.125 0.28125 12.5937 0.28125 12.875 0.5625L13.5937 1.28125C13.875 1.5625 13.875 2.03125 13.5937 2.34375L7.5 8.40625C7.21875 8.6875 6.75 8.6875 6.46875 8.40625Z' fill='black'/%3E%3C/svg%3E");
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	cursor: pointer;
}

input.button {
	background-image: none;
	cursor: auto;
}

select.button:is(:hover, :focus) {
	background-position: calc(100% - 16px) calc(50% + 3px);
}

input.button.light,
select.button.light {
	background-color: #D1EFF8;
}

input.button.dark,
select.button.dark {
	color: var(--White);
	background-color: #637983;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.46875 8.90625L0.375 2.84375C0.0937499 2.53125 0.0937499 2.0625 0.375 1.78125L1.09375 1.0625C1.375 0.781249 1.84375 0.781249 2.15625 1.0625L7 5.875L11.8125 1.0625C12.125 0.78125 12.5937 0.78125 12.875 1.0625L13.5937 1.78125C13.875 2.0625 13.875 2.53125 13.5937 2.84375L7.5 8.90625C7.21875 9.1875 6.75 9.1875 6.46875 8.90625Z' fill='white'/%3E%3C/svg%3E%0A");
}


/* .background.light .btn.secondary,
.background.navy .btn.secondary,
.btn.outline-navy {
	background: transparent;
	color: var(--Navy);
	border: 2px solid var(--Navy);
}

.background.light .btn.secondary:hover,
.background.navy .btn.secondary:hover,
.btn.outline-navy:hover {
	background: var(--Navy);
	color: white;
} */

.btn.blue {
	background: var(--Light);
	color: var(--Text);
}

.btn.centered {
	display: block;
	margin: 0 auto;
	width: fit-content;
}

.btn.white-blue {
	background: var(--White);
	color: var(--Text);
}

.btn.blue:is(:hover, :focus) {
	background: #65BDE9;
}

.tribe-events-c-events-bar__search-button,
.tribe-filter-bar__action-clear,
.tribe-filter-bar-c-pill__remove-button,
.btn.outline-green {
	background: transparent;
	color: var(--Green);
	border: 2px solid var(--Forest);
}

.tribe-events-c-events-bar__search-button:is(:hover, :focus),
.tribe-filter-bar__action-clear:is(:hover, :focus),
.tribe-filter-bar-c-pill__remove-button:is(:hover, :focus),
.btn.outline-green:is(:hover, :focus) {
	background: var(--Green);
	color: var(--White);
}

.btn.outline-white {
	background: transparent;
	color: white;
	border: 2px solid white;
}

.btn.outline-white:is(:hover, :focus) {
	background: white;
	color: black;
}

.background.yellow .btn.primary,
.btn.yellow {
	background: var(--Yellow);
	color: black;
}

.background.yellow .btn.primary:is(:hover, :focus),
.btn.yellow:is(:hover, :focus) {
	background: var(--Gold);
}

/* .btn.yellow-gold {
	background: var(--Yellow);
	color: black;
}

.btn.yellow-gold:hover {
	background: var(--Dark-Gold);
	color: white;
}

.background.maroon .btn.primary {
	background: var(--White);
	color: black;
}

.background.maroon .btn.primary:hover {
	background: var(--Red);
	color: var(--White);
}

.btn.outline-maroon {
	background: var(--White);
	border: 2px solid var(--Maroon);
	color: var(--Maroon);
}

.btn.outline-maroon:hover {
	background: var(--Maroon);
	color: white;
}

.background.maroon .btn.secondary,
.btn.outline-maroon {
	background: var(--White);
	border: 2px solid var(--White);
	color: black;
}

.background.maroon .btn.secondary:hover,
.btn.outline-maroon:hover {
	background: var(--Red);
	color: white;
}
	 */
ul.main-nav .btn.primary {
	background: var(--Navy);
	color: var(--White);
}

ul.main-nav .btn.primary:is(:hover, :focus) {
	background: #65BDE9;
	color: var(--Navy);
}

ul.main-nav .btn.secondary {
	border-color: var(--Navy);
	color: var(--Navy);
}

ul.main-nav .btn.secondary:is(:hover, :focus) {
	color: var(--White);
}	

body #mc_embed_signup input {
	border-radius: 0px;
}

body #mc_embed_signup input:is(:hover, :focus) {
	background: #65BDE9;
	color: var(--Navy);
}

@media screen and (max-width: 1005px) {
	ul.main-nav .btn.primary {
		background: #65BDE9;
		color: var(--Navy);
	}
}

@media screen and (max-width: 600px) {
	.btn-container {
		flex-direction: column;
		width: 100%;
	}
}