/* @config "../../tailwind.config.js";
@import "tailwindcss"; */
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: currentColor;
/* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: Circular-book, sans-serif;
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0;
/* 1 */
line-height: inherit;
/* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
@font-face {
font-family: 'Circular-Medium';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../../inc/fonts/CircularStd-Medium.woff2) format('woff2');
}
@font-face {
font-family: 'Circular-Book';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(../../inc/fonts/CircularStd-Book.woff) format('woff');
}
@font-face {
font-family: 'Dreamland';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../../inc/fonts/dreamland.woff) format('woff');
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1440px) {
.container {
max-width: 1440px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.visible {
visibility: visible;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.left-0 {
left: 0px;
}
.right-0 {
right: 0px;
}
.top-0 {
top: 0px;
}
.top-\[45\%\] {
top: 45%;
}
.top-\[65px\] {
top: 65px;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-\[600\] {
z-index: 600;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.float-none {
float: none;
}
.m-0 {
margin: 0px;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.-ml-10 {
margin-left: -2.5rem;
}
.-mr-10 {
margin-right: -2.5rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.ml-0 {
margin-left: 0px;
}
.mt-12 {
margin-top: 3rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-\[-3rem\] {
margin-top: -3rem;
}
.block {
display: block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.h-48 {
height: 12rem;
}
.h-\[150px\] {
height: 150px;
}
.h-\[225px\] {
height: 225px;
}
.h-\[305px\] {
height: 305px;
}
.h-\[45\%\] {
height: 45%;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.min-h-\[320px\] {
min-height: 320px;
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.333333%;
}
.w-1\/4 {
width: 25%;
}
.w-1\/6 {
width: 16.666667%;
}
.w-2\/3 {
width: 66.666667%;
}
.w-2\/5 {
width: 40%;
}
.w-3\/4 {
width: 75%;
}
.w-5\/6 {
width: 83.333333%;
}
.w-\[150px\] {
width: 150px;
}
.w-\[65px\] {
width: 65px;
}
.w-full {
width: 100%;
}
.max-w-\[400px\] {
max-width: 400px;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}
.list-none {
list-style-type: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.content-center {
align-content: center;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-6 {
gap: 1.5rem;
}
.rounded-full {
border-radius: 9999px;
}
.border-y-1 {
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-b-1 {
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-t-1 {
border-top-width: 1px;
}
.border-t-2 {
border-top-width: 2px;
}
.border-solid {
border-style: solid;
}
.border-dotted {
border-style: dotted;
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(2 2 2 / var(--tw-border-opacity, 1));
}
.border-gray {
--tw-border-opacity: 1;
border-color: rgb(161 173 176 / var(--tw-border-opacity, 1));
}
.bg-\[\#e6e6e6\] {
--tw-bg-opacity: 1;
background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
}
.bg-black\/10 {
background-color: rgb(2 2 2 / 0.1);
}
.bg-black\/50 {
background-color: rgb(2 2 2 / 0.5);
}
.bg-blue {
--tw-bg-opacity: 1;
background-color: rgb(56 135 214 / var(--tw-bg-opacity, 1));
}
.bg-blue\/\[\.15\] {
background-color: rgb(56 135 214 / .15);
}
.bg-blue\/\[\.35\] {
background-color: rgb(56 135 214 / .35);
}
.bg-gray\/\[\.25\] {
background-color: rgb(161 173 176 / .25);
}
.bg-light-blue {
--tw-bg-opacity: 1;
background-color: rgb(176 214 242 / var(--tw-bg-opacity, 1));
}
.bg-light-gray {
--tw-bg-opacity: 1;
background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
}
.bg-midnight {
--tw-bg-opacity: 1;
background-color: rgb(51 79 110 / var(--tw-bg-opacity, 1));
}
.bg-red {
--tw-bg-opacity: 1;
background-color: rgb(224 56 18 / var(--tw-bg-opacity, 1));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[50px_auto\] {
background-size: 50px auto;
}
.bg-cover {
background-size: cover;
}
.bg-fixed {
background-attachment: fixed;
}
.bg-center {
background-position: center;
}
.bg-right {
background-position: right;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.p-10 {
padding: 2.5rem;
}
.p-12 {
padding: 3rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-\[5em\] {
padding-bottom: 5em;
}
.pe-4 {
padding-inline-end: 1rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-6 {
padding-left: 1.5rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pr-4 {
padding-right: 1rem;
}
.pr-6 {
padding-right: 1.5rem;
}
.pr-\[60px\] {
padding-right: 60px;
}
.pt-0 {
padding-top: 0px;
}
.pt-12 {
padding-top: 3rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.font-bask {
font-family: Baskervville, serif;
}
.font-bold {
font-family: Circular-Medium, sans-serif;
}
.font-dreamland {
font-family: Dreamland, sans-serif;
}
.font-medium {
font-family: Circular-Medium, sans-serif;
}
.text-2xl {
font-size: 1.5rem;
}
.text-3xl {
font-size: 1.75rem;
}
.text-4xl {
font-size: 2.25rem;
}
.text-5xl {
font-size: 3rem;
}
.text-6xl {
font-size: 4rem;
}
.text-clamp {
font-size: clamp(1.75rem, 5vw, 2.5rem);
}
.text-l {
font-size: 1.125rem;
}
.text-xl {
font-size: 1.33rem;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.uppercase {
text-transform: uppercase;
}
.normal-case {
text-transform: none;
}
.italic {
font-style: italic;
}
.not-italic {
font-style: normal;
}
.leading-none {
line-height: 1;
}
.leading-tight {
line-height: 1.25;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}
.text-fuchsia {
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
.text-gray\/\[\.5\] {
color: rgb(161 173 176 / .5);
}
.text-green {
--tw-text-opacity: 1;
color: rgb(1 202 134 / var(--tw-text-opacity, 1));
}
.text-royal-blue {
--tw-text-opacity: 1;
color: rgb(6 15 163 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
text-decoration-line: underline;
}
.\!no-underline {
text-decoration-line: none !important;
}
.no-underline {
text-decoration-line: none;
}
.opacity-95 {
opacity: 0.95;
}
.saturate-0 {
--tw-saturate: saturate(0);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
html {
overflow-x: hidden;
}
/* header */
.logo-container a {
display: block;
max-width: 280px;
padding: 0px;
}
.container {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1536px) {
.container {
padding-left: 0px;
padding-right: 0px;
}
}
/* menu */
.primary-menu li a {
border-width: 0;
padding: 0px;
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}
.primary-menu li a:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
/* burger menu */
.hamburger {
display: inline-block;
background-color: transparent;
padding-top: 0px;
padding-bottom: 0.75rem;
padding-left: 0.75rem;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
--tw-bg-opacity: 1;
background-color: rgb(2 2 2 / var(--tw-bg-opacity, 1));
}
.hamburger-box {
position: relative;
display: inline-block;
width: 40px;
height: 24px;
}
.hamburger-inner {
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
position: absolute;
--tw-bg-opacity: 1;
background-color: rgb(2 2 2 / var(--tw-bg-opacity, 1));
width: 40px;
height: 4px;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.fa-search {
display: none;
}
@media (min-width: 768px) {
.fa-search {
display: block;
}
}
/*
* Spring Reverse
*/
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-13-primary-container .menu-quick-link-menu-container {
position: initial;
width: auto;
}
/* .menu-quick-link-menu-container, */
.side-menu-container {
position: absolute;
width: 0px;
overflow: hidden;
right: -370px;
transition: right ease-in-out .3s;
}
.quick-search {
cursor: pointer;
}
.quick-search:hover {
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
.quick-link-menu li {
float: none;
margin-left: 0px;
margin-bottom: 0px;
padding: 0px;
text-align: left;
}
.quick-link-menu li a {
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}
.quick-link-menu li a:hover {
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
.menu-in {
right: 0px;
z-index: 102;
width: 370px;
}
.side-menu-container .menu-item-has-children {
position: relative;
}
.side-menu-container .menu-item-has-children>a:after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.side-menu-container .sub-menu {
display: none;
--tw-bg-opacity: 1;
background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
padding: 0.5rem;
z-index: 1000;
min-width: 10em;
width: 100%;
margin: 0;
font-size: 1rem;
background-clip: padding-box;
text-align: center;
}
.side-menu-container .menu-item-has-children.is-open .sub-menu {
display: block;
}
.site-header .fa-search {
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}
li.cat-item {
margin-bottom: 0.75rem;
line-height: 1.25;
float: none;
}
li.cat-item a:hover {
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
#menuToggle {
position: absolute;
right: 0px;
top: 2.5rem;
z-index: 10;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#menuToggle a {
text-decoration: none;
color: #232323;
transition: color 0.3s ease;
}
#menuToggle a:hover {
color: tomato;
}
#menuToggle input {
position: absolute;
z-index: 20;
display: block;
opacity: 0;
width: 40px;
height: 32px;
top: -7px;
left: -5px;
cursor: pointer;
}
/*
* Just a quick hamburger
*/
#menuToggle span {
position: relative;
z-index: 10;
display: block;
--tw-bg-opacity: 1;
background-color: rgb(2 2 2 / var(--tw-bg-opacity, 1));
width: 33px;
height: 4px;
margin-bottom: 5px;
transform-origin: 4px 0px;
transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1.0),
background 0.3s cubic-bezier(0.77, 0.2, 0.05, 1.0),
opacity 0.33s ease;
}
#menuToggle span:first-child {
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
transform-origin: 0% 100%;
}
/*
* Transform all the slices of hamburger
* into a crossmark.
*/
#menuToggle input:checked~span {
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #232323;
}
/*
* But let's hide the middle one.
*/
#menuToggle input:checked~span:nth-last-child(3) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
/*
* Ohyeah and the last one should go the other direction
*/
#menuToggle input:checked~span:nth-last-child(2) {
transform: rotate(-45deg) translate(0, -1px);
}
h1,
h2 {
margin-bottom: 1.5rem;
text-transform: uppercase;
line-height: 1;
}
h1 {
font-size: 3rem;
}
h2 {
font-size: 1.75rem;
}
.entry-content ul {
margin-bottom: 1.5rem;
}
/* .entry-content ul{
@apply pl-3 list-disc list-inside;
} */
hr {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
--tw-bg-opacity: 1;
background-color: rgb(2 2 2 / var(--tw-bg-opacity, 1));
height: 1px;
}
.font-bold {
font-weight: normal;
}
b,
strong {
font-family: Circular-Medium, sans-serif;
font-weight: 700;
font-weight: normal;
}
a {
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}
.entry-content p {
margin-bottom: 1.23rem;
}
.post-content p a,
.entry-content p a,
.qa-a a,
.decorated-link {
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
text-decoration-line: underline;
text-decoration-color: rgb(222,10,163);
text-decoration-thickness: 3px;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.post-content p a:hover,
.entry-content p a:hover,
.qa-a a:hover,
.decorated-link:hover {
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
text-decoration-color: rgb(56,135,214);
}
a.more span {
margin-left: 0px;
transition-property: margin;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
a.more:hover span {
margin-left: 4px;
}
@media (min-width: 768px) {
.spotlight-container:nth-child(odd) .spotlight-image {
order: 2;
}
.spotlight-container:nth-child(odd) .spotlight-text {
order: 1;
}
.spotlight-container:nth-child(even) .spotlight-text {
padding-left: 1rem;
}
}
/* wp specific */
.wp-block-embed iframe {
height: auto;
}
.wp-block-pb-accordion-item {
background-color: rgb(176 214 242 / .3);
}
ul.wp-block-post-template .wp-block-post .up-next-block h2 {
margin-bottom: 1.25rem;
}
ul.wp-block-post-template .wp-block-post .up-next-block a {
text-decoration: none;
}
/* archive player */
.playlist {
order: 2;
width: 33.333333%;
text-align: right;
}
.program-archive .playlist {
width: 100%;
}
@media (min-width: 768px) {
.program-archive .playlist {
width: 25%;
}
}
.playlist .controls .statusbar {
position: relative;
height: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(161 173 176 / var(--tw-bg-opacity, 1));
overflow: hidden;
}
.playlist .controls .statusbar .position {
height: 1rem;
border-right-width: 2px;
border-color: rgb(2 2 2 / var(--tw-border-opacity, 1));
--tw-border-opacity: 1;
border-color: rgb(6 15 163 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(6 15 163 / var(--tw-bg-opacity, 1));
}
.playlist li .controls .statusbar .loading {
--tw-bg-opacity: 1;
background-color: rgb(176 214 242 / var(--tw-bg-opacity, 1));
}
.playlist li.sm2_paused .controls .statusbar .position {
--tw-border-opacity: 1;
border-color: rgb(161 173 176 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(161 173 176 / var(--tw-bg-opacity, 1));
}
.playlist div span.pause,
.playlist div span.play {
font-size: 3rem !important;
--tw-text-opacity: 1;
color: rgb(6 15 163 / var(--tw-text-opacity, 1));
line-height: 45px;
}
.playlist div span.play {
font-size: 3.5rem !important;
}
.episode-description {
width: 66.666667%;
}
.archive-episode-description {
display: none;
width: 100%;
}
@media (min-width: 768px) {
.archive-episode-description {
display: flex;
}
}
.playlist li.sm2_paused span.play,
.playlist .sm2_playing span.pause,
.playlist div span.pause {
display: inline;
}
.playlist li.sm2_paused span.pause,
.playlist .sm2_playing span.play,
.playlist div span.pause {
display: none;
}
.timing {
position: absolute;
top: 0.5rem;
right: 0.5rem;
}
.timing-data {
font-size: 0.8rem;
}
.episode {
margin-bottom: 2rem;
display: flex;
flex-wrap: wrap;
border-bottom-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(161 173 176 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-bottom: 1.5rem;
}
.episode:hover {
cursor: pointer;
}
.program-archive .episode {
margin-bottom: 0px;
border-width: 0;
padding-bottom: 0px;
}
.program-archive .episode:last-child {
margin-bottom: 1rem;
}
.episode-meat {
position: relative;
margin-top: 1rem;
display: flex;
width: 100%;
gap: 1rem;
background-color: rgb(161 173 176 / .1);
}
.episode-center {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 0px;
padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
.episode-center {
padding-top: 1.5rem;
}
}
.archive-player-control {
width: 75%;
}
.archive-player-control .controls {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.archive-player-control a {
text-decoration-line: none;
}
.program-list .active {
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
.player-archive {
background-image: url("../../inc/img/bg_archive.png");
background-repeat: no-repeat;
background-position: left 100px;
background-size: contain;
background-attachment: fixed;
}
img.host-schedule {
aspect-ratio: 16/9;
}
.attachment-host-schedule {
aspect-ratio: 3/2;
}
li[aria-disabled="true"] {
opacity: .1;
cursor: not-allowed;
}
.active-timeslot .on-air-tab {
display: block;
}
.tns-nav {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: right;
}
.tns-nav button {
margin-left: 0.25rem;
margin-right: 0.25rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
width: 1.5rem;
height: 1.5rem;
border: none;
}
.tns-nav button.tns-nav-active {
--tw-bg-opacity: 1;
background-color: rgb(2 2 2 / var(--tw-bg-opacity, 1));
}
.program-graphic {
display: none;
}
@media (min-width: 768px) {
.program-graphic {
display: block;
}
}
/*
playlist
*/
#pl_calendar {
line-height: 2;
}
#pl_calendar table {
margin: 0 0 40px;
width: 100%;
}
#pl_calendar .calendar-month {
font-family: Circular-Medium, sans-serif;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase;
font-weight: normal;
color: #818387;
}
#pl_calendar th {
color: #bc995d;
padding: 3px 5px;
}
td.linkday a {
border: 1px solid #fff;
padding: 1px 3px;
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}
td.linkday a:hover {
border: 1px solid #236192;
text-decoration: none;
}
td.today a {
background: #fff;
border: 1px solid #ccc;
color: #000;
padding: 1px 3px;
--tw-bg-opacity: 1;
background-color: rgb(2 2 2 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
td.unlinkday {
padding: 2px 4px;
color: rgb(161 173 176 / 0.5);
}
#playlist ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#playlist ul li {
clear: both;
float: none;
}
#playlist img {
visibility: visible;
}
.pl_programtext {
margin: 10px 0 0;
}
ul#pl_wrap {
display: none;
}
ul#pl_wrap.search-results li {
margin: 0 0 30px;
}
.pl_program {
border: 1px solid #ccc;
padding: 10px;
margin: 0 0 10px;
max-width: 90%;
}
.pl_hostimage {
width: 75px;
float: left;
margin: 0 10px 0 0;
}
.pl_programname {
font-family: Circular-Medium, sans-serif;
font-weight: 700;
font-weight: normal;
}
#playlist .pl_songlist {
margin: 0 0 20px 10px;
}
.pl_songlist li {
margin: 0 0 30px;
}
.pl_created {
font-family: Circular-Medium, sans-serif;
font-weight: 700;
font-weight: normal;
color: #818387;
}
.pl_title {
font-family: Circular-Medium, sans-serif;
font-size: 1.33rem;
font-weight: 700;
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
font-weight: normal;
}
.pl_composer {
font-family: Circular-Medium, sans-serif;
font-weight: 700;
font-weight: normal;
}
.dylanbodnarick,
.lebborgerson,
.brandiparisi {
align-items: flex-end;
}
.composersdatebookwithjohnbirge>div,
.metropolitanopera>div,
.thescorewithedmundstone>div,
.thescoreencorewithedmundstone>div {
display: none;
}
/*
// staff page */
/* .control-administration, */
.administration p {
--tw-text-opacity: 1;
color: rgb(252 156 43 / var(--tw-text-opacity, 1));
}
/* .control-programming, */
.programming p {
--tw-text-opacity: 1;
color: rgb(56 135 214 / var(--tw-text-opacity, 1));
}
/* .control-community-engagement, */
.community-engagement p {
--tw-text-opacity: 1;
color: rgb(255 69 87 / var(--tw-text-opacity, 1));
}
/* .control-underwriting, */
.underwriting p {
--tw-text-opacity: 1;
color: rgb(204 207 79 / var(--tw-text-opacity, 1));
}
/* .control-engineering, */
.engineering p {
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
/*
support page */
.blue-dot {
margin-left: auto;
margin-right: auto;
display: flex;
height: 9rem;
width: 9rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(6 15 163 / var(--tw-bg-opacity, 1));
vertical-align: middle;
line-height: 1.25;
}
.blue-dot:hover {
--tw-bg-opacity: 1;
background-color: rgb(56 135 214 / var(--tw-bg-opacity, 1));
transition-duration: 300ms;
}
@media (min-width: 1024px) {
.blue-dot {
height: 12rem;
width: 12rem;
}
}
li[aria-disabled="true"] {
opacity: .1;
cursor: not-allowed;
}
.tooltip::before {
position: absolute;
display: none;
--tw-bg-opacity: 1;
background-color: rgb(2 2 2 / var(--tw-bg-opacity, 1));
text-transform: none;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
content: attr(data-text);
top: 50%;
transform: translateY(-50%);
left: 100%;
margin-left: 15px;
font-size: 16px;
width: 300px;
padding: 10px;
border-radius: 10px;
z-index: 2;
}
.tooltip:hover:before {
display: block;
}
.faq-item {
border-bottom-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(161 173 176 / var(--tw-border-opacity, 1));
background-color: rgb(176 214 242 / .3);
padding: 1rem;
}
.faq-item h3 {
position: relative;
font-size: 1.33rem;
letter-spacing: normal;
}
.faq-item h3:after {
position: absolute;
color: #777;
content: "+";
font-weight: 300;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.faq-item .active h3:after {
content: "−";
}
.qa-q {
cursor: pointer;
}
.qa-a {
display: none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.wp-block-list ul {
margin-left: 1.25rem;
margin-top: 0.5rem;
}
@media (min-width: 640px) {
.recently-played-song {
width: 20%;
}
}
/* search overlay */
.search-overlay .search-overlay-cell {
margin: auto;
}
.search-overlay form {
text-align: center;
}
.search-overlay label {
font-size: 1.33rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.search-overlay input[type="text"] {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border: 1px solid $white;
border-radius: 0;
padding: 8px 12px;
height: auto;
margin-top: 0.75em;
font-size: 28px;
line-height: 1;
background-color: transparent;
}
/*newsletter*/
.newsletter {
background-image: url('../../img/bg_subscribe.jpg');
background-size: cover;
padding: 1.5rem;
}
.newsletter-form button {
font-size: 1.5rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.newsletter-form label {
display: none;
}
.newsletter-form input {
width: 100%;
padding: 1rem;
}
.newsletter-form div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 0px;
}
.newsletter-form div.wpforms-container-full,
.newsletter-form .wpforms-container-full:not(:empty) {
margin: 0px;
border-width: 0;
border-radius: 0;
}
.newsletter-form div.wpforms-container-full .wpforms-form input[type=email] {
border-width: 0;
padding: 1.25rem;
border-radius: 0;
height: auto;
}
.newsletter-form div.wpforms-container-full .wpforms-form .wpforms-submit-container {
padding: 0;
}
.newsletter-form div.wpforms-container-full .wpforms-form button[type=submit],
.newsletter-form .wpforms-container-full button[type=submit]:not(:hover):not(:active),
.newsletter-form .wpforms-container-full button[type=submit]:hover {
padding: 0px;
font-size: 1.5rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.newsletter-form div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.newsletter-form .wpforms-container-full button[type=submit]:not(:hover):not(:active):hover,
.newsletter-form .wpforms-container-full button[type=submit]:hover:hover {
border-width: 0;
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}
.newsletter-form div.wpforms-container-full .wpforms-form button[type=submit],
.newsletter-form .wpforms-container-full button[type=submit]:not(:hover):not(:active),
.newsletter-form .wpforms-container-full button[type=submit]:hover {
background-color: transparent;
border: none;
background: none;
}
.underwriter img {
max-width: 150px;
--tw-saturate: saturate(0);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.footer-menu li {
float: none;
font-size: 1.125rem;
}
.footer-menu a:hover {
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
.first\:pt-0:first-child {
padding-top: 0px;
}
.last\:mb-0:last-child {
margin-bottom: 0px;
}
.last\:border-0:last-child {
border-width: 0;
}
.first-of-type\:mt-8:first-of-type {
margin-top: 2rem;
}
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}
.hover\:text-blue:hover {
--tw-text-opacity: 1;
color: rgb(56 135 214 / var(--tw-text-opacity, 1));
}
.hover\:text-fuchsia:hover {
--tw-text-opacity: 1;
color: rgb(222 10 163 / var(--tw-text-opacity, 1));
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
@media (min-width: 640px) {
.sm\:mb-0 {
margin-bottom: 0px;
}
.sm\:mt-6 {
margin-top: 1.5rem;
}
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:grid {
display: grid;
}
.sm\:hidden {
display: none;
}
.sm\:w-1\/2 {
width: 50%;
}
.sm\:w-1\/3 {
width: 33.333333%;
}
.sm\:w-1\/6 {
width: 16.666667%;
}
.sm\:w-2\/3 {
width: 66.666667%;
}
.sm\:w-3\/4 {
width: 75%;
}
.sm\:w-5\/12 {
width: 41.666667%;
}
.sm\:w-full {
width: 100%;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:gap-3 {
gap: 0.75rem;
}
.sm\:p-6 {
padding: 1.5rem;
}
.sm\:pt-5 {
padding-top: 1.25rem;
}
}
@media (min-width: 768px) {
.md\:order-1 {
order: 1;
}
.md\:order-2 {
order: 2;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-1\/4 {
width: 25%;
}
.md\:w-2\/3 {
width: 66.666667%;
}
.md\:w-3\/4 {
width: 75%;
}
.md\:w-5\/6 {
width: 83.333333%;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.md\:text-left {
text-align: left;
}
.md\:text-2xl {
font-size: 1.5rem;
}
.md\:text-5xl {
font-size: 3rem;
}
.md\:text-xl {
font-size: 1.33rem;
}
}
@media (min-width: 1024px) {
.lg\:order-1 {
order: 1;
}
.lg\:order-2 {
order: 2;
}
.lg\:mb-0 {
margin-bottom: 0px;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:grid {
display: grid;
}
.lg\:h-\[300px\] {
height: 300px;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-2\/3 {
width: 66.666667%;
}
.lg\:w-2\/5 {
width: 40%;
}
.lg\:w-3\/4 {
width: 75%;
}
.lg\:w-3\/5 {
width: 60%;
}
.lg\:w-5\/12 {
width: 41.666667%;
}
.lg\:w-5\/6 {
width: 83.333333%;
}
.lg\:w-7\/12 {
width: 58.333333%;
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:gap-12 {
gap: 3rem;
}
.lg\:gap-3 {
gap: 0.75rem;
}
.lg\:bg-\[87px_auto\] {
background-size: 87px auto;
}
.lg\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.lg\:pb-16 {
padding-bottom: 4rem;
}
.lg\:pb-8 {
padding-bottom: 2rem;
}
.lg\:pl-0 {
padding-left: 0px;
}
.lg\:pl-12 {
padding-left: 3rem;
}
.lg\:pr-6 {
padding-right: 1.5rem;
}
.lg\:pr-\[100px\] {
padding-right: 100px;
}
.lg\:pt-10 {
padding-top: 2.5rem;
}
.lg\:text-2xl {
font-size: 1.5rem;
}
.lg\:text-4xl {
font-size: 2.25rem;
}
.lg\:text-5xl {
font-size: 3rem;
}
.lg\:text-6xl {
font-size: 4rem;
}
.lg\:text-8xl {
font-size: 6rem;
}
.lg\:text-\[2\.75rem\] {
font-size: 2.75rem;
}
.lg\:text-\[8rem\] {
font-size: 8rem;
}
.lg\:even\:pl-10:nth-child(even) {
padding-left: 2.5rem;
}
}
@media (min-width: 1280px) {
.xl\:w-2\/3 {
width: 66.666667%;
}
}
@media (min-width: 1536px) {
.\32xl\:w-2\/3 {
width: 66.666667%;
}
.\32xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.\32xl\:text-5xl {
font-size: 3rem;
}
}
.\[\&\>p\]\:mb-4>p {
margin-bottom: 1rem;
}
.\[\&\>p\]\:text-xl>p {
font-size: 1.33rem;
}
.\[\&_p\]\:mb-4 p {
margin-bottom: 1rem;
}