@import url("https://use.typekit.net/tcx6ypo.css");
@import "style.css";

.font-primary {font-family: var(--font-primary) !important;}
.font-secondary {font-family: var(--font-secondary) !important;}

.font-weight-600 {font-weight: 600;}

.bg-white {background-color: var(--white);}
.bg-black {background-color: var(--black);}
.bg-primary {background-color: var(--primary);}
.bg-pink {background-color: var(--pink);}
.bg-light {background-color: var(--light);}

.color-white {color: var(--white);}
.color-black {color: var(--black);}
.color-primary {color: var(--primary);}
.color-pink {color: var(--pink);}
.color-light {color: var(--light);}

h1, .h1 {font-size: clamp(2.875rem, 2.175rem + 3.5vw, 6.375rem); line-height: 90%; margin: 0 0 calc(var(--pad) * 2.5) 0;}
h2, .h2 {font-size: 3em; line-height: 110%; margin: 0 0 calc(var(--pad) * 4) 0;}
h3, .h3 {font-size: 2.5em; line-height: 115%; margin: 0 0 calc(var(--pad) * 4) 0;}
h4, .h4 {font-size: 2.25em; line-height: 120%; margin: 0 0 calc(var(--pad) * 4) 0;}
h5, .h5 {font-size: 1.5em; line-height: 130%; margin: 0 0 calc(var(--pad) * 4) 0;}
h6, .h6 {font-size: 1.25em; line-height: 135%; margin: 0 0 calc(var(--pad) * 4) 0;}

h1 strong, .h1 strong {font-weight: 900;}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {margin: 0;}

a.button, .button a, button.button, input.button, span.button {display: inline-block; vertical-align: middle; position: relative;
	background: var(--pink); color: var(--white);
	line-height: calc(var(--pad) * 7.5); text-align: center; font-size: 1rem; font-weight: 700; text-transform: uppercase; white-space: nowrap;
	padding: 0 calc(var(--pad) * 4); transition: var(--transition1);
}
a.button:hover, .button a:hover, button.button:hover, input.button:hover, span.button:hover, a:hover span.button {background: var(--primary);}

.button.full-width {width: 100%; padding: 0 calc(var(--pad) * 3);}
.button:disabled {opacity: 0.5; pointer-events: none;}

a.button.black,
.button.black a,
button.button.black,
input.button.black,
span.button.black {background: var(--primary);}
a.button.black:hover,
.button.black a:hover,
button.button.black:hover,
input.button.black:hover,
span.button.black:hover,
a:hover span.button.black {background: var(--pink);}

a.button.bordered,
.button.bordered a,
button.button.bordered,
input.button.bordered,
span.button.bordered {background: none !important; border: solid 2px var(--pink); line-height: calc(var(--pad) * 7); color: var(--primary);}
a.button.bordered:hover,
.button.bordered a:hover,
button.button.bordered:hover,
input.button.bordered:hover,
span.button.bordered:hover,
a:hover span.button.bordered {border-color: var(--primary);}

a.button.bordered.black,
.button.bordered.black a,
button.button.bordered.black,
input.button.bordered.black,
span.button.bordered.black {border: solid 2px var(--primary); color: var(--pink);}
a.button.bordered.black:hover,
.button.bordered.black a:hover,
button.button.bordered.black:hover,
input.button.bordered.black:hover,
span.button.bordered.black:hover,
a:hover span.button.bordered.black {border-color: var(--pink);}

a.button.underlined,
.button.underlined a,
button.button.underlined,
input.button.underlined,
span.button.underlined {background: none; color: var(--primary); line-height: 100%; padding: var(--pad) 0; text-transform: none; border-bottom: solid 2px var(--pink);}
a.button.underlined:hover,
.button.underlined a:hover,
button.button.underlined:hover,
input.button.underlined:hover,
span.button.underlined:hover,
a:hover span.button.underlined {border-color: var(--primary);}

.white-label {display: inline-block; padding: var(--pad) calc(var(--pad) * 2.5); text-transform: uppercase; background: var(--white); color: var(--pink); font-size: 0.875rem; font-weight: 600;}

ul.ul-with-lines {}
ul.ul-with-lines.columns-2 {columns: 2; column-gap: 5%;}
ul.ul-with-lines li {font-size: 1.5em; padding-left: calc(var(--pad) * 8); margin-bottom: calc(var(--pad) * 5);}
ul.ul-with-lines li:before {width: calc(var(--pad) * 5) !important; height: 2px; top: 16px !important; background: var(--pink) !important; border-radius: 0;}