/******/
/*** BUTTONS ***/
/******/

.button-container, .button-container-small {
	padding: 1.5rem 0 .875rem 0;
	width: 100%;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	gap: .75rem;
}

.button-container-small {
	padding: .75rem 0;
}

a,
a.button,
.gform_footer input.gform_button,
input[type=password],
form.post-password-form input[type=submit] {
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: all .2s ease-in-out, border .2s ease-in-out;
	-o-transition: all .2s ease-in-out, border .2s ease-in-out;
	transition: all .2s ease-in-out, border .2s ease-in-out;
}

/* BUTTONS */ a.button, /* GFORM BUTTONS */ .gfield--type-submit input.gform-button, .gform_footer input.gform_button, /* FOOTER */footer .footer-menu ul li a, /* TEXT LINKS */ .text-link, /* NAV */ nav ul li.primary a, nav ul li.secondary a {
	font-size: var(--text-p-sm)!important;
	font-weight: var(--font-weight-bold)!important;
	letter-spacing: var(--tracking-widest)!important;
	text-transform: uppercase!important;
	border-radius: var(--radius-24)!important;
	padding: .5rem 1rem .5rem 1rem;
	text-decoration: none!important;
	border: .0625rem solid transparent;
}

nav ul li.secondary a {
	border: solid .125rem var(--color-compassion-cream);
}

nav ul li.primary a {
	background-color: var(--color-lemon-lime);
	border: solid .125rem var(--color-lemon-lime);
	color: var(--color-good-work-green);
}

/* FOOTER */footer .footer-menu ul li a, /* TEXT LINKS */ .text-link {
	padding-left: 0!important;
}

a.text-link,
p.text-link {
	text-decoration: none;
}

footer .footer-menu ul li a {
	color: var(--color-simple-sky-blue);
}

a.button:hover,
nav a:hover,
input[type=password]:hover,
form.post-password-form input[type=submit]:hover,
.gform_footer input.gform_button:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover {
	opacity: .6 !important;
}

a.button.tertiary:after,
a.text-link:after,
p.text-link:after, 
li.faq-category-nav-item a:after {
	content: '›';
	margin-left: .5rem;
}

a.button.tertiary:hover:after {
	margin-left: .75rem;
}

a.tertiary {
	padding: 0;
}

.button-container:has(a:nth-of-type(2).tertiary) {
	gap: 1rem;
}

.button-container:has(a:nth-of-type(2).tertiary) a.tertiary:nth-of-type(2) {
    padding: 1.25rem;
}


/******/
/*** SECTION BUTTON COLORS ***/
/******/

/* COMPASSION CREAM */

.background-compassion-cream a.button.primary,
.background-compassion-cream .button.primary {
	background-color: var(--color-breezy-blue);
	border-color: var(--color-breezy-blue);
	color: var(--color-compassion-cream);
}

.background-compassion-cream a.button.secondary,
.background-compassion-cream .button.secondary {
	background-color: transparent;
	border: .0625rem solid var(--color-breezy-blue);
	color: var(--color-breezy-blue);
}


/* BARNWOOD BROWN */

.background-barnwood-brown a.button.primary,
.background-barnwood-brown .button.primary,
.background-transparent-dark a.button.primary,
.background-transparent-dark .button.primary {
	background-color: var(--color-simple-sky-blue);
	border-color: var(--color-simple-sky-blue);
	color: var(--color-barnwood-brown);
}

.background-barnwood-brown a.button.secondary,
.background-barnwood-brown .button.secondary,
.background-transparent-dark a.button.secondary,
.background-transparent-dark .button.secondary {
	background-color: transparent;
	border: .0625rem solid var(--color-simple-sky-blue);
	color: var(--color-simple-sky-blue);
}


/* GOOD WORK GREEN */

.background-good-work-green a.button.primary,
.background-good-work-green .button.primary {
	background-color: var(--color-lemon-lime);
	border-color: var(--color-lemon-lime);
	color: var(--color-good-work-green);
}

.background-good-work-green a.button.secondary,
.background-good-work-green .button.secondary {
	background-color: transparent;
	border: .0625rem solid var(--color-lemon-lime);
	color: var(--color-lemon-lime);
}


/* BREEZY BLUE */

.background-breezy-blue a.button.primary,
.background-breezy-blue .button.primary {
	background-color: var(--color-simple-sky-blue);
	border-color: var(--color-simple-sky-blue);
	color: var(--color-breezy-blue);
}

.background-breezy-blue a.button.secondary,
.background-breezy-blue .button.secondary {
	background-color: transparent;
	border: .0625rem solid var(--color-simple-sky-blue);
	color: var(--color-simple-sky-blue);
}

/* ALTERNATIVE BUTTON COLORS */

.primary-barnwood-brown {
	background-color: var(--color-barnwood-brown)!important;
	color: var(--color-compassion-cream)!important;
	border-color: var(--color-barnwood-brown)!important;
}

.secondary-barnwood-brown {
	background-color: transparent!important;
	border: .0625rem solid var(--color-barnwood-brown)!important;
	color: var(--color-barnwood-brown)!important;
}

.primary-breezy-blue {
	background-color: var(--color-breezy-blue)!important;
	color: var(--color-compassion-cream)!important;
	border-color: var(--color-breezy-blue)!important;
}

.secondary-breezy-blue {
	background-color: transparent!important;
	border: .0625rem solid var(--color-breezy-blue)!important;
	color: var(--color-breezy-blue)!important;
}

.primary-good-work-green {
	background-color: var(--color-good-work-green)!important;
	color: var(--color-compassion-cream)!important;
	border-color: var(--color-good-work-green)!important;
}

.secondary-good-work-green {
	background-color: transparent!important;
	border: .0625rem solid var(--color-good-work-green)!important;
	color: var(--color-good-work-green)!important;
}

.primary-lemon-lime {
	background-color: var(--color-lemon-lime)!important;
	color: var(--color-good-work-green)!important;
	border-color: var(--color-lemon-lime)!important;
}

.secondary-lemon-lime {
	background-color: transparent!important;
	border: .0625rem solid var(--color-lemon-lime)!important;
	color: var(--color-lemon-lime)!important;
}

.primary-reddish-radish {
	background-color: var(--color-reddish-radish)!important;
	color: var(--color-compassion-cream)!important;
	border-color: var(--color-reddish-radish)!important;
}

.secondary-reddish-radish {
	background-color: transparent!important;
	border: .0625rem solid var(--color-reddish-radish)!important;
	color: var(--color-reddish-radish)!important;
}

.primary-simple-sky-blue {
	background-color: var(--color-simple-sky-blue)!important;
	color: var(--color-breezy-blue)!important;
	border-color: var(--color-simple-sky-blue)!important;
}

.secondary-simple-sky-blue {
	background-color: transparent!important;
	border: .0625rem solid var(--color-simple-sky-blue)!important;
	color: var(--color-simple-sky-blue)!important;
}

/******/
/*** GRAVITY FORMS BUTTONS ***/
/******/

.gform_footer input.gform_button,
body .gform_wrapper .gform_footer input[type=submit],
form.post-password-form input[type=submit] {
	border-radius: var(--radius-small);
	padding: .625rem 1.125rem .75rem 1.125rem;
	text-decoration: none;
	border: .0625rem solid transparent;
	color: var(--color-compassion-cream);
	background-color: var(--color-barnwood-brown);
}

@media screen and (min-width: 48rem) {
	
	nav ul li.secondary {
		padding: 0 .75rem;
	}
	
}

@media screen and (max-width: 47.9375rem) {
	
	.button-container, .button-container-small {
		flex-direction: column;
	}
	
}