/*BASE CTA STYLING*/
.cta {
	max-width: 250px;
	width: 100%;
	margin-right: 1.3rem;
	border-width: 3px;
	border-style: solid;
	display: inline-block;
	text-align: center;
	padding: 1rem;
	font-size: 1.4rem;
	font-weight: 600;
	text-decoration: none;
	background-color: inherit;
	color: var(--black);
	cursor: pointer;
	transition: border-color .2s ease,
				background-color .2s ease,
				color .2s ease,
				width .2s ease,
				filter .2s ease;  
}

.cta-full-width {	
	max-width: unset!important;
	height: 75px;
	font-size: 2rem!important;
	font-weight: 600!important;
	display: flex!important;
	align-items: center;
	justify-content: center;
}

.cta-full-width-secondary {
	max-width: unset!important;
	height: 75px;
	font-size: 2rem!important;
	font-weight: 600!important;
	display: flex!important;
	align-items: center;
	justify-content: center;	
	border:0!important;
	text-decoration: underline!important;
}

.cta-full-width-secondary:hover {	
	color:#666;
	text-decoration: none!important;
}

.cta-block .cta {
	margin-top:1.3rem;
}
.cta:active, .cta:focus, .cta:hover, .cta:visited, .cta:target {
	text-decoration: none;
}
.cta:focus {
	color: initial;
}
/*PROGRAM CTA COLOURS*/
.cta-solid-blue {
	border-color: var(--blue);
	background-color: var(--blue);
}
.cta-frame-blue {
	border-color: var(--blue);
	background-color: transparent;
}
.cta-frame-blue-white {
	border-color: var(--blue);
	background-color: transparent;
	color: var(--white);
}
.cta-solid-splice {
	border-color: var(--splice);
	background-color: var(--splice);
}
.cta-frame-splice {
	border-color: var(--splice);
	background-color: transparent;
}
.cta-frame-splice-white {
	border-color: var(--splice);
	background-color: transparent;
	color: var(--white);
}
.cta-solid-purple {
	border-color: var(--purple);
	background-color: var(--purple);
}
.cta-frame-purple {
	border-color: var(--purple);
	background-color: transparent;
}
.cta-frame-purple-white {
	border-color: var(--purple);
	background-color: transparent;
	color: var(--white);
}
.cta-solid-green {
	border-color: var(--green);
	background-color: var(--green);
}
.cta-frame-green {
	border-color: var(--green);
	background-color: transparent;
}
.cta-frame-green-white {
	border-color: var(--green);
	background-color: transparent;
	color: var(--white);
}
.cta-solid-black {
	border-color: var(--black);
	background-color: var(--black);
	color: var(--white);
}
.cta-solid-white {
	border-color: var(--white);
	background-color: var(--white);
	color: var(--black);
}
/*PROGRAM CTA HOVER*/
.hover-frame-black:hover, .hover-frame-black:focus {
	border-color: var(--black);
	background-color: transparent;
	color: initial!important;
}
.hover-frame-white:hover, .hover-frame-white:focus {
	border-color: var(--white);
	background-color: transparent;
	color: var(--white);
}
.hover-frame-color:hover, .hover-frame-color:focus {
	background-color: transparent;
	color: initial;
}
.hover-frame-color-white:hover, .hover-frame-color-white:focus {
	background-color: transparent;
	color: var(--white);
	filter: brightness(1.2);
}
.hover-solid-black:hover, .hover-solid-black:focus {
	border-color: var(--black);
	background-color: var(--black);
	color: var(--white);
}
.hover-solid-white:hover, .hover-solid-white:focus {
	border-color: var(--white);
	background-color: var(--white);
	color: var(--black);
}
.hover-solid-color:hover, .hover-solid-color:focus {
	filter: brightness(1.2);
	color: initial;
}
.cta.black-link, .cta.white-link  {
	width: auto;
	border: none;
	padding: 0;
}
/*BODY CLASS CTA*/
.space form button[type="submit"] {
	background-color: var(--splice);
	border-color: var(--splice);
	transition: .2s ease all;
}
/*BODY CLASS CTA HOVER*/
.space form button[type="submit"]:hover {
	background-color: transparent;

}

@media only screen and (max-width: 767px) {
	.cta {
		width:100%;
		max-width: unset;
	}
}