*, ::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:  ;
}  *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before,
::after {
--tw-content: '';
} html,
:host {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} 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;
} dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden]:where(:not([hidden="until-found"])) {
display: none;
} .no-posts{
border-radius: 0.25rem;
background-color: rgba(var(--nx-light-color), 0.5);
padding: 2rem;
text-align: center;
}
body{
margin: 0px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-body-color), var(--tw-bg-opacity));
font-family: 'Montserrat';
}
.elty-container {
--aside-width: 320px;
width: 100%;
max-width: 1140px;
}
.elty-container--flex{
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
gap: 2.5rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.elty-main{
width: 100%;
}
@media (min-width: 1024px){
.elty-main{
width: calc(100% - var(--aside-width) - 40px);
}
}
.elty-aside{
top: 6rem;
width: 100%;
position: sticky;
}
@media (min-width: 1024px){
.elty-aside{
width: var(--aside-width);
}
} .elty-main__header{
margin-bottom: 1.5rem;
}
.elty-main__title{
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
}
.elty-main__header p{
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
opacity: 0.9;
}
.elty-container--full{
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.elty-container--full .elty-main{
width: 100% !important;
}
.post{
position: relative;
}
.post-header {
--size: 4px;
--gutter: 0px;
margin-bottom: 1.5rem;
} .post-hero{
margin-bottom: 2rem;
flex-direction: column;
position: relative;
display: flex;
justify-content: flex-end;
}
@media not all and (min-width: 1024px){
.post-hero{
padding-left: 1rem;
padding-right: 1rem;
padding-top: 5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 1024px){
.post-hero{
height: 340px;
}
}
.post-hero__backdrop{
left: 0px;
top: 0px;
z-index: 5;
height: 100%;
width: 100%;
overflow: hidden;
border-radius: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
position: absolute;
}
.post-hero__backdrop img{
z-index: 6;
height: 100%;
width: 100%;
border-radius: 1rem;
-o-object-fit: cover;
object-fit: cover;
position: relative;
display: block;
}
.post-hero__backdrop:before {
content: "";
left: 0px;
top: 0px;
z-index: 7;
height: 100%;
width: 100%;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.25) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.post-hero .post-header{
margin-bottom: 0px;
position: relative;
z-index: 20;
}
@media (min-width: 1024px){
.post-hero .post-header{
padding: 1rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 2rem;
}
}
.post-hero .post-header h1{
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
line-height: 1.5 !important;
letter-spacing: -0.025em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
text-transform: capitalize;
}
@media (min-width: 1024px){
.post-hero .post-header h1{
font-size: 1.5rem;
line-height: 2rem;
}
} .post-cat{
margin-bottom: 0.25rem;
display: flex;
align-items: center;
}
.post-cat a{
height: 2rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
}
.post-cat a:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
} .post-meta{
margin-top: 1rem;
gap: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
display: flex;
align-items: center;
justify-content: space-between;
}
.post-meta__avatar{
gap: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
display: flex;
align-items: center;
}
.post-meta__avatar span{
flex-direction: column;
display: flex;
}
.post-meta__avatar span time{
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
}
.post-meta__avatar img{
height: 2rem;
width: 2rem;
border-radius: 9999px;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.post-meta__reading-time{
gap: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
align-items: center;
}  .post-content{
color: var(--tw-prose-body);
max-width: 100ch;
}
.post-content :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.post-content :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.post-content :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.post-content :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-bold);
font-weight: 600;
}
.post-content :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.post-content :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.post-content :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.post-content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.post-content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-alpha;
}
.post-content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-alpha;
}
.post-content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-alpha;
}
.post-content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-alpha;
}
.post-content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-roman;
}
.post-content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-roman;
}
.post-content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-roman;
}
.post-content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-roman;
}
.post-content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: decimal;
}
.post-content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.post-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
font-weight: 400;
color: var(--tw-prose-counters);
}
.post-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
color: var(--tw-prose-bullets);
}
.post-content :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.post-content :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.post-content :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-inline-start-width: 0.25rem;
border-inline-start-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-inline-start: 1em;
}
.post-content :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: open-quote;
}
.post-content :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: close-quote;
}
.post-content :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.post-content :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 900;
color: inherit;
}
.post-content :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.post-content :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 800;
color: inherit;
}
.post-content :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.post-content :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 700;
color: inherit;
}
.post-content :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.post-content :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 700;
color: inherit;
}
.post-content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.post-content :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
.post-content :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.post-content :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size: 0.875em;
border-radius: 0.3125rem;
padding-top: 0.1875em;
padding-inline-end: 0.375em;
padding-bottom: 0.1875em;
padding-inline-start: 0.375em;
}
.post-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.post-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: "`";
}
.post-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: "`";
}
.post-content :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.post-content :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.post-content :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
font-size: 0.875em;
}
.post-content :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
font-size: 0.9em;
}
.post-content :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.post-content :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.post-content :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.post-content :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-inline-end: 1.1428571em;
padding-bottom: 0.8571429em;
padding-inline-start: 1.1428571em;
}
.post-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.post-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: none;
}
.post-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: none;
}
.post-content :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
width: 100%;
table-layout: auto;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.post-content :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.post-content :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.post-content :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.post-content :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 0;
}
.post-content :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
vertical-align: baseline;
}
.post-content :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.post-content :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
vertical-align: top;
}
.post-content :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
text-align: start;
}
.post-content :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}
.post-content :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.post-content{
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: 17 24 39;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}
.post-content :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}
.post-content :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.post-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0.375em;
}
.post-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0.375em;
}
.post-content :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.post-content :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
}
.post-content :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 1.25em;
}
.post-content :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
}
.post-content :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 1.25em;
}
.post-content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.post-content :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.post-content :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.5em;
padding-inline-start: 1.625em;
}
.post-content :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.post-content :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.post-content :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.post-content :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.post-content :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0;
}
.post-content :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-end: 0;
}
.post-content :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.post-content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0;
}
.post-content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-end: 0;
}
.post-content :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.post-content :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.post-content :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 0;
}
.post-content{
margin-bottom: 1.5rem;
}
.post-content img{
margin-bottom: 1.5rem;
border-radius: 0.5rem;
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.post-content a{
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.post-content a:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-hover-color), var(--tw-text-opacity));
} .post-tags{
margin-bottom: 1rem;
font-size: 1rem;
line-height: 1.5rem;
}
.post-tags a{
text-decoration-line: none;
}
.post-tags .tag-links{
flex-wrap: wrap;
display: flex;
align-items: center;
}
.post-tags .tag-links i{
margin-right: 1rem;
} .post-share{
top: 0px;
left: -54px;
flex-direction: column;
gap: 0.5rem;
position: absolute;
z-index: 40;
display: flex;
align-items: center;
}
@media (min-width: 1024px){
.post-share{
transition-duration: 500ms;
}
}
.post-share a{
height: 2.25rem;
width: 2.25rem;
place-content: center;
overflow: hidden;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
text-decoration-line: none;
transition-duration: 300ms;
display: grid;
}
.post-share a.facebook{
--tw-bg-opacity: 1;
background-color: rgb(59 89 153 / var(--tw-bg-opacity));
}
.post-share a.facebook:hover{
background-color: rgb(59 89 153 / 0.9);
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(59 89 153 / 0.5);
--tw-shadow: var(--tw-shadow-colored);
}
.post-share a.x-twitter{
--tw-bg-opacity: 1;
background-color: rgb(17 17 17 / var(--tw-bg-opacity));
}
.post-share a.x-twitter:hover{
background-color: rgb(17 17 17 / 0.9);
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(17 17 17 / 0.5);
--tw-shadow: var(--tw-shadow-colored);
}
.post-share a.pinterest{
--tw-bg-opacity: 1;
background-color: rgb(189 8 28 / var(--tw-bg-opacity));
}
.post-share a.pinterest:hover{
background-color: rgb(189 8 28 / 0.9);
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(189 8 28 / 0.5);
--tw-shadow: var(--tw-shadow-colored);
}
.post-share a.linkedin{
--tw-bg-opacity: 1;
background-color: rgb(10 102 194 / var(--tw-bg-opacity));
}
.post-share a.linkedin:hover{
background-color: rgb(10 102 194 / 0.9);
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(10 102 194 / 0.5);
--tw-shadow: var(--tw-shadow-colored);
}
.post-share a.whatsapp{
--tw-bg-opacity: 1;
background-color: rgb(37 211 102 / var(--tw-bg-opacity));
}
.post-share a.whatsapp:hover{
background-color: rgb(37 211 102 / 0.9);
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(37 211 102 / 0.5);
--tw-shadow: var(--tw-shadow-colored);
}
.post-share span{
height: 2.5rem;
width: 2.5rem;
place-content: center;
display: grid;
}
@media screen and (max-width: 1024px) {
.post-share{
position: relative !important;
left: 0px !important;
top: 0px !important;
flex-direction: row;
gap: 0.75rem;
display: flex;
}
} .post-comments .nocomments{
background-color: rgba(var(--nx-light-color), 0.7);
padding: 1rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.elty-main .page .post-header h1{
margin-bottom: 0.375rem;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
letter-spacing: -0.05em;
}
.elty-main .page .post-header p{
opacity: 0.8;
}
.elty-main .page .alert{
margin-bottom: 1rem;
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-light-color), var(--tw-border-opacity));
background-color: rgba(var(--nx-light-color), 0.2);
padding: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.elty-main .page .alert.success{
--tw-border-opacity: 1;
border-color: rgb(21 128 61 / var(--tw-border-opacity));
background-color: rgb(34 197 94 / 0.1);
--tw-text-opacity: 1;
color: rgb(22 101 52 / var(--tw-text-opacity));
}
.elty-main .page .alert.error{
--tw-border-opacity: 1;
border-color: rgb(220 38 38 / var(--tw-border-opacity));
background-color: rgb(239 68 68 / 0.1);
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.elty-main .page .alert.warning{
--tw-border-opacity: 1;
border-color: rgb(202 138 4 / var(--tw-border-opacity));
background-color: rgb(234 179 8 / 0.1);
--tw-text-opacity: 1;
color: rgb(202 138 4 / var(--tw-text-opacity));
}
.elty-main .page .alert i{
margin-right: 1rem;
font-size: 1.25rem;
line-height: 1.75rem;
opacity: 0.8;
}
.elty-main .page-field{
flex-direction: column;
gap: 0.25rem;
display: flex;
}
.elty-main .page-field:not(:last-child){
margin-bottom: 1.5rem;
}
.elty-main .page-field label{
font-weight: 700;
text-transform: uppercase;
}
.elty-main .page-field input:not([type="file"]),
.elty-main .page-field textarea{
min-height: 2.75rem;
border-radius: 0.25rem;
background-color: rgba(var(--nx-light-color), 0.75);
padding-left: 1rem;
padding-right: 1rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.elty-main .page-field input:not([type="file"]):focus,
.elty-main .page-field textarea:focus{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
outline-color: rgba(var(--nx-primary-color), 0.5);
}
.elty-main .page-field textarea{
padding-top: 1rem;
padding-bottom: 1rem;
}
.elty-main .page-field-group{
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
display: grid;
}
@media (min-width: 1024px){
.elty-main .page-field-group{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.elty-main .page-submit{
margin-left: auto;
margin-right: auto;
height: 48px;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
line-height: 48px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
display: inline-block;
}
@media not all and (min-width: 1024px){
.elty-main .page-submit{
margin-top: 3rem;
}
}
.container{
width: 100%;
}
@media (min-width: 640px){
.container{
max-width: 640px;
}
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.container{
max-width: 1280px;
}
}
@media (min-width: 1536px){
.container{
max-width: 1536px;
}
}
.hder{
left: 0px;
top: 0px;
z-index: 55;
width: 100%;
border-bottom-width: 6px;
border-color: rgba(var(--nx-header-first-color));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
position: sticky;
}
@media not all and (min-width: 1024px){
.hder{
margin-bottom: 2rem;
}
}
body:not(:has(.hder-bottom)) .hder{
margin-bottom: 2rem;
}
.hder-top{
z-index: 55;
background-image: linear-gradient(to top left, var(--tw-gradient-stops));
--tw-gradient-from: rgba(var(--nx-primary-color-active), 1) var(--tw-gradient-from-position);
--tw-gradient-to: rgba(var(--nx-primary-color-active), 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgba(var(--nx-primary-color), 1) var(--tw-gradient-to-position);
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
position: relative;
}
.hder-top__container{
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1140px;
display: flex;
align-items: center;
justify-content: space-between;
}
.hder-container{
left: 0px;
top: 0px;
margin-left: auto;
margin-right: auto;
height: 4rem;
width: 100%;
max-width: 1140px;
padding-left: 1rem;
padding-right: 1rem;
position: sticky;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 1024px){
.hder-container{
height: var(--nx-header-nav-height);
}
}
.hder-container.is-sticky{
left: 0px;
top: 0px;
width: 100%;
position: fixed;
}
.hder-bottom {
background: linear-gradient(200deg, rgba(250, 250, 250, 0.05) 0%, rgba(250, 250, 250, 0.05) 53%, rgba(64, 64, 64, 0.05) 53%, rgba(64, 64, 64, 0.05) 100%),
linear-gradient(315deg, rgba(var(--nx-header-first-color)) 18%, rgba(var(--nx-header-first-color)), rgba(188, 188, 188, 0.05) 100%),
linear-gradient(141deg, rgba(4, 4, 4, 0.05) 0%, rgba(4, 4, 4, 0.05) 18%, rgba(188, 188, 188, 0.18) 18%, rgba(188, 188, 188, 0.05) 100%),
linear-gradient(152deg, rgba(var(--nx-header-second-color)), rgba(var(--nx-header-second-color)));
z-index: 54;
margin-bottom: 2rem;
position: relative;
}
@media not all and (min-width: 1024px){
.hder-bottom{
display: none;
}
}
.hder-bottom:before {
content: "";
background-image: url(//lafieradigital.com/wp-content/themes/nexoradio/assets/img/equalizer-02-black.4e1c6fdc.gif);
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background-position: bottom;
background-repeat: repeat;
opacity: 0.25;
--tw-grayscale: grayscale(100%);
--tw-invert: invert(100%);
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);
position: absolute;
}
.hder-bottom__wrapper{
z-index: 2;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1140px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.hder-bottom__action a {
padding: 14px 30px 13px 30px;
gap: 0.75rem;
border-radius: 31px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 800;
line-height: 1em;
letter-spacing: -0.05em;
display: flex;
align-items: center;
}
@keyframes pulse{
0%, 100%{
opacity: 1;
}
50%{
opacity: 0.5;
}
}
.hder-bottom__action a i{
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
animation-duration: 500ms;
animation-iteration-count: infinite;
}
.hder-bottom__action a{
transition-duration: 300ms;
}
.hder-bottom__action a:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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));
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hder-bottom__action a:active{
--tw-scale-x: .95;
--tw-scale-y: .95;
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));
}
.btn-search{
height: 2rem;
width: 2rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 300ms;
}
.btn-search:hover{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
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));
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.newsletter{
height: 42px;
gap: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
line-height: 42px;
display: flex;
align-items: center;
}
@media not all and (min-width: 1024px){
.newsletter{
display: none;
}
}
.newsletter span{
height: 42px;
gap: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 800;
line-height: 42px;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
display: flex;
align-items: center;
text-transform: uppercase;
}
.newsletter ul{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 2.5rem;
width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.newsletter ul li{
left: 0px;
top: 50%;
transform-origin: left;
--tw-scale-y: .95;
white-space: nowrap;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
position: absolute;
pointer-events: none;
--tw-translate-y: -40%;
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));
opacity: 0;
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.newsletter ul li a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.newsletter ul li.is-active,
.newsletter:not(:has(.is-active)) li:first-child{
pointer-events: auto;
--tw-translate-y: -50%;
--tw-scale-y: 1;
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));
opacity: 1;
}
.newsletter ul li:hover a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
}
.elty-socials{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
display: flex;
align-items: center;
}
@media not all and (min-width: 1024px){
.elty-socials{
display: none;
}
}
.elty-socials:before {
content: attr(data-text);
margin-right: 0.75rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
text-transform: uppercase}
.elty-socials ul{
gap: 0.5rem;
display: flex;
align-items: center;
}
.elty-socials a{
height: 1.75rem;
width: 1.75rem;
place-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
transition-duration: 150ms;
display: grid;
}
.elty-socials a:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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));
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-hover-color), var(--tw-text-opacity));
}
.relative{
position: relative;
}
.sticky{
position: sticky;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.ml-6{
margin-left: 1.5rem;
}
.flex{
display: flex;
}
.\!hidden{
display: none !important;
}
.hidden{
display: none;
}
.w-full{
width: 100%;
}
.max-w-2xl{
max-width: 42rem;
}
.flex-none{
flex: none;
}
.resize{
resize: both;
}
.items-center{
align-items: center;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.gap-1{
gap: 0.25rem;
}
.gap-4{
gap: 1rem;
}
.gap-8{
gap: 2rem;
}
.truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-\[0px\]{
font-size: 0px;
}
.font-\[0\]{
font-weight: 0;
}
.uppercase{
text-transform: uppercase;
} #ajaxify a img,
#ajaxify a svg,
#ajaxify a span,
#ajaxify a i,
#ajaxify a i.fas,
#ajaxify a i.far,
#ajaxify a i.fab,
#ajaxify a div,
#ajaxify a picture {pointer-events: none;} .ajaxify-loader{
pointer-events: none;
left: 0px;
top: 0px;
z-index: 50;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
opacity: 0;
transition-delay: var(--nx-loader-duration, 500ms);
transition-duration: 300ms;
position: fixed;
}
body.ajaxify-loading .ajaxify-loader{
pointer-events: auto;
opacity: 1;
transition-delay: 0s;
}  @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-horizontal{touch-action:pan-y}
.swiper-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}
.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d{perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}  body:not(.ajaxify-loading):has(.nxradio-bighero) .hder-type2.is-hder-clean .hder:not(.is-sticky),
body:not(.ajaxify-loading):has(.nxradio-bighero) .hder-type2.is-hder-clean .hder-top{
background-color: transparent !important;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 0s;
}
.hder-type2 .hder{
border-bottom-width: 0px;
position: relative;
}
.hder-type2 .hder.is-sticky {
background-color: rgba(var(--nx-header-first-color), 0.85) !important;
left: 0px;
top: 0px;
width: 100%;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: fixed;
}
.hder-type2 .hder-top,
.hder-type2 .hder{
background-color: rgb(var(--nx-header-first-color)) !important;
background-image: none !important;
}
@media not all and (min-width: 1024px){
.hder-type2 .hder-top{
display: none;
}
}
.hder-type2 .hder-top__container{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
} .hder-type2 .newsletter span{
height: 32px;
border-radius: 0.5rem;
} .hder-type2 .main-menu{
font-family: 'Bebas Neue';
}
.hder-type2 .main-menu a{
font-weight: 500 !important;
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hder-type2 .main-menu a:hover{
--tw-text-opacity: 1 !important;
color: rgba(var(--nx-primary-hover-color), var(--tw-text-opacity)) !important;
}
@media (min-width: 1024px){
.hder-type2 .main-menu a{
font-size: 1.5rem !important;
line-height: 2rem !important;
}
}
.hder-type2 .main-menu a:before{
display: none !important;
}
.hder-type2 .main-menu a .has-child-ico{
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
.hder-type2 .main-menu .sub-menu{
--tw-bg-opacity: 1 !important;
background-color: rgba(var(--nx-text-color), var(--tw-bg-opacity)) !important;
} .hder-type2 .btn-menu{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
} .hder-type2 .btn-search{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
} .hder-type2 .show-banner{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 0px;
}
@media not all and (min-width: 1024px){
.hder-type2 .show-banner{
display: none;
}
}
.hder-type2 .show-banner .show-content{
margin-right: 1rem;
text-align: right;
}
.hder-type2 .show-banner .show-title{
margin: 0px;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
line-height: 1;
}
.hder-type2 .show-banner .show-time{
font-size: 0.75rem;
line-height: 1rem;
}
.hder-type2 .show-banner .profile-pic{
height: 2.75rem;
width: 2.75rem;
animation: ondasType2 1.4s linear infinite;
}
@keyframes ondasType2 {
0% {
box-shadow: 0 0 #fff3, 0 0 0 0.3rem #fff3;
}
to {
box-shadow: 0 0 0 0.3rem #fff3, 0 0 0 0.6rem #fff0;
}
} .hder-type2 .elty-socials a{
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.hder-type2 .elty-socials a:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.logo .custom-logo-link img{
height: 40px;
width: auto;
}
@media (min-width: 1024px){
.logo .custom-logo-link img{
height: var(--nx-header-logo-height);
}
}
.logo__text{
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
letter-spacing: 0.05em;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
text-transform: uppercase;
}
@media (min-width: 1024px){
.logo__text{
font-size: 1.5rem;
line-height: 2rem;
}
}
.btn-menu{
height: 2.5rem;
gap: 0.5rem;
font-weight: 600;
letter-spacing: -0.05em;
outline: 2px solid transparent;
outline-offset: 2px;
display: flex;
align-items: center;
text-transform: uppercase;
}
.btn-menu i{
font-size: 1.25rem;
line-height: 1.75rem;
} .program-hero{
z-index: 1;
margin-bottom: 6rem;
margin-top: -2rem;
height: 300px;
width: 100%;
max-width: 100%;
position: relative;
display: flex;
align-items: center;
}
@media (min-width: 1024px){
.program-hero{
height: 400px;
}
}
.program-hero:before {
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
opacity: 0.25;
position: absolute;
z-index: 10;
}
.program-hero img{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
}
.program-hero__body{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
z-index: 20;
text-align: center;
}
.program-hero__body h1{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
@media (min-width: 1024px){
.program-hero__body h1{
font-size: 3.75rem;
line-height: 1;
}
}
.program-hero__body p{
font-weight: 600;
text-transform: uppercase;
}
.program-hero__socials{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
flex-wrap: wrap;
gap: 0.375rem;
display: flex;
align-items: center;
justify-content: center;
}
.program-hero__socials a{
pointer-events: auto;
height: 2rem;
width: 2rem;
place-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
transition-duration: 500ms;
display: grid;
}
.program-hero__socials a:hover{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.program-header{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
text-align: left;
}
.program-image{
margin-bottom: 2.5rem;
width: 100%;
position: relative;
}
@media (min-width: 1024px){
.program-image{
left: 50%;
--tw-translate-x: -50%;
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));
}
}
.program-image img{
border-radius: 0.5rem;
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.program-title{
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
position: relative;
}
.program-title:before {
content: "";
left: 0px;
top: 50%;
height: 0.5rem;
width: 100%;
--tw-translate-y: -50%;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
position: absolute;
}
.program-title span{
margin-left: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-body-color), var(--tw-bg-opacity));
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
z-index: 10;
}
.program-subtitle{
margin-bottom: 2rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-hover-color), var(--tw-text-opacity));
position: relative;
}
.program-subtitle:before {
content: "";
left: 0px;
top: 80%;
height: 0.25rem;
width: 100%;
--tw-translate-y: -50%;
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));
border-bottom-width: 8px;
border-style: dotted;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-primary-hover-color), var(--tw-border-opacity));
background-color: transparent;
position: absolute;
}
.program-subtitle div{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
z-index: 10;
display: inline-block;
text-transform: uppercase;
}
.program-subtitle div span{
z-index: 11;
padding-left: 0.75rem;
padding-right: 1rem;
position: relative;
display: block;
}
.program-subtitle div:before {
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
--tw-skew-x: -12deg;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
position: absolute;
}
.program-content{
max-width: 100% !important;
color: var(--tw-prose-body);
max-width: 100ch;
}
.program-content :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.program-content :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.program-content :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.program-content :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-bold);
font-weight: 600;
}
.program-content :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.program-content :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.program-content :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.program-content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.program-content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-alpha;
}
.program-content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-alpha;
}
.program-content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-alpha;
}
.program-content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-alpha;
}
.program-content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-roman;
}
.program-content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-roman;
}
.program-content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-roman;
}
.program-content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-roman;
}
.program-content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: decimal;
}
.program-content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}
.program-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
font-weight: 400;
color: var(--tw-prose-counters);
}
.program-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
color: var(--tw-prose-bullets);
}
.program-content :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.program-content :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.program-content :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-inline-start-width: 0.25rem;
border-inline-start-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-inline-start: 1em;
}
.program-content :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: open-quote;
}
.program-content :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: close-quote;
}
.program-content :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.program-content :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 900;
color: inherit;
}
.program-content :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.program-content :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 800;
color: inherit;
}
.program-content :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.program-content :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 700;
color: inherit;
}
.program-content :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.program-content :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 700;
color: inherit;
}
.program-content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.program-content :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
.program-content :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.program-content :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size: 0.875em;
border-radius: 0.3125rem;
padding-top: 0.1875em;
padding-inline-end: 0.375em;
padding-bottom: 0.1875em;
padding-inline-start: 0.375em;
}
.program-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.program-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: "`";
}
.program-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: "`";
}
.program-content :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.program-content :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.program-content :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
font-size: 0.875em;
}
.program-content :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
font-size: 0.9em;
}
.program-content :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.program-content :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.program-content :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}
.program-content :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-inline-end: 1.1428571em;
padding-bottom: 0.8571429em;
padding-inline-start: 1.1428571em;
}
.program-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.program-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: none;
}
.program-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: none;
}
.program-content :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
width: 100%;
table-layout: auto;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.program-content :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.program-content :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.program-content :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.program-content :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 0;
}
.program-content :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
vertical-align: baseline;
}
.program-content :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.program-content :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
vertical-align: top;
}
.program-content :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
text-align: start;
}
.program-content :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}
.program-content :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.program-content{
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: 17 24 39;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}
.program-content :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}
.program-content :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.program-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0.375em;
}
.program-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0.375em;
}
.program-content :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.program-content :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
}
.program-content :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 1.25em;
}
.program-content :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
}
.program-content :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 1.25em;
}
.program-content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.program-content :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.program-content :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.5em;
padding-inline-start: 1.625em;
}
.program-content :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.program-content :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.program-content :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.program-content :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.program-content :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0;
}
.program-content :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-end: 0;
}
.program-content :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}
.program-content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0;
}
.program-content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-end: 0;
}
.program-content :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}
.program-content :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}
.program-content :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 0;
}
.program-content{
margin-bottom: 1.5rem;
}
.post-comments .comment-reply-title{
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
}
@media (min-width: 1024px){
.post-comments .comment-reply-title{
font-size: 1.25rem;
line-height: 1.75rem;
}
}
.post-comments .required{
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.post-comments .comment-notes,
.post-comments h3#comments{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-light-color), var(--tw-border-opacity));
padding-left: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.post-comments h3#comments{
margin-bottom: 1rem;
}
.post-comments .logged-in-as{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
.post-comments .logged-in-as a{
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
transition-duration: 300ms;
}
.post-comments .logged-in-as a:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-hover-color), var(--tw-text-opacity));
}
.post-comments .comment-form-comment{
flex-direction: column;
gap: 0.5rem;
display: flex;
}
.post-comments .comment-form-comment textarea{
height: 154px;
border-radius: 0.5rem;
background-color: rgba(var(--nx-light-color), 0.7);
padding: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
outline-color: rgba(var(--nx-primary-color), 1);
}
.post-comments .comment-form-comment textarea:focus{
outline-color: rgba(var(--nx-primary-color), 1);
}
.post-comments .form-submit{
margin-top: 1rem;
}
.post-comments .form-submit input[type="submit"]{
height: 2.5rem;
cursor: pointer;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
line-height: 2.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
}
.post-comments .form-submit input[type="submit"]:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
}
.post-comments .comment-form{
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
display: grid;
}
@media (min-width: 1024px){
.post-comments .comment-form{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.post-comments .comment-form label{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
}
.post-comments .comment-notes,
.post-comments .comment-form-comment,
.post-comments .comment-form-cookies-consent,
.post-comments .logged-in-as{
grid-column: 1 / -1;
}
.post-comments .comment-form-author,
.post-comments .comment-form-email,
.post-comments .comment-form-url{
flex-direction: column;
gap: 0.5rem;
display: flex;
}
.post-comments .comment-form-author input,
.post-comments .comment-form-email input,
.post-comments .comment-form-url input{
height: 2.5rem;
border-radius: 0.5rem;
background-color: rgba(var(--nx-light-color), 0.7);
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
font-weight: 500;
line-height: 2.5rem;
outline-color: rgba(var(--nx-primary-color), 1);
}
.post-comments .comment-form-author input:focus,
.post-comments .comment-form-email input:focus,
.post-comments .comment-form-url input:focus{
outline-color: rgba(var(--nx-primary-color), 1);
}
.post-comments .comment-form-cookies-consent{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
} .commentlist{
margin-bottom: 1.5rem;
} .comment-meta{
gap: 1rem;
display: flex;
align-items: center;
}
.comment .comment-author :not(img) {display: none;}
.comment .comment-author img{
border-radius: 0.25rem;
display: block;
}
.comment .comment-metadata{
gap: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
display: flex;
align-items: center;
}
.comment .comment-metadata .edit-link{
height: 1.5rem;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
}
.comment .comment-metadata .edit-link:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
}
.comment .comment-content{
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.comment .comment-content a{
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.comment .comment-content a:visited{
opacity: 0.9;
}
.comment .comment-content a:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-hover-color), var(--tw-text-opacity));
}
.comment .children{
margin-top: 1rem;
margin-bottom: 1rem;
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-light-color), var(--tw-border-opacity));
padding-left: 1rem;
}
.comment .comment-reply-link{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
transition-duration: 300ms;
}
.comment .comment-reply-link:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-hover-color), var(--tw-text-opacity));
}
.comment-respond small #cancel-comment-reply-link{
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.elty-pagination{
margin-top: 2rem;
gap: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.elty-pagination .nav-previous a,
.elty-pagination .nav-next a{
height: 2.5rem;
gap: 0.75rem;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 2.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 300ms;
display: flex;
align-items: center;
}
.elty-pagination .nav-previous a:hover,
.elty-pagination .nav-next a:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.error-page{
padding-top: 2.25rem;
padding-bottom: 2.25rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
text-align: center;
}
.error-page__title{
margin-bottom: 1rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
letter-spacing: -0.05em;
}
@media (min-width: 1024px){
.error-page__title{
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.error-page__content{
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.error-page__home{
margin-top: 1rem;
height: 2.5rem;
gap: 1rem;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 2.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
display: inline-flex;
align-items: center;
}
.error-page__home:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
}
.fter{
margin-top: 3rem;
background-color: rgba(var(--nx-footer-bg-color));
padding-top: 2rem;
padding-bottom: 2rem;
padding-bottom: 124px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
}
.fter__overlay {
background: linear-gradient(
200deg,
rgba(250, 250, 250, 0.05) 0%,
rgba(250, 250, 250, 0.05) 53%,
rgba(64, 64, 64, 0.05) 53%,
rgba(64, 64, 64, 0.05) 100%
),
linear-gradient(
315deg,
rgba(10, 10, 10, 0.64) 0%,
rgba(10, 10, 10, 0.05) 27%,
rgba(94, 94, 94, 0.05) 27%,
rgba(94, 94, 94, 0.05) 100%
),
linear-gradient(
141deg,
rgba(4, 4, 4, 0.05) 0%,
rgba(4, 4, 4, 0.05) 18%,
rgba(188, 188, 188, 0.18) 18%,
rgba(188, 188, 188, 0.05) 100%
),
linear-gradient(152deg, rgba(var(--nx-footer-first-color)), rgba(var(--nx-footer-second-color)));
left: 0px;
top: 0px;
z-index: 1;
height: 100%;
width: 100%;
opacity: 0.7;
position: absolute;
}
.fter__logo{
margin-bottom: 1.5rem;
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}
.fter__socials{
gap: 0.5rem;
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}
.fter__socials a{
margin-bottom: 1.5rem;
height: 2rem;
width: 2rem;
place-content: center;
border-radius: 9999px;
background-color: rgb(var(--nx-footer-link-bg));
font-size: 1.125rem;
line-height: 1.75rem;
color: rgb(var(--nx-footer-link-text));
display: grid;
transition-duration: 300ms;
}
.fter__socials a:hover{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
background-color: rgb(var(--nx-footer-link-bg-hover));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
} .fter__apps{
margin-bottom: 1.5rem;
flex-wrap: wrap;
gap: 1rem;
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}
.fter__apps a{
font-size: 19px;
font-weight: 500;
line-height: 1;
display: flex;
align-items: center;
}
.fter__apps a:not(:last-child):after {
content: "";
margin-left: 1rem;
height: 16px;
width: 1px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.fter__apps a .fab{
margin-right: 1rem;
width: 1.5rem;
font-size: 24px;
}
.fter__apps a svg{
margin-right: 1rem;
height: 1.5rem;
width: 1.5rem;
fill: currentColor;
}
.fter__copyright{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
position: relative;
z-index: 10;
text-align: center;
text-transform: uppercase;
} @media screen and (max-width:1024px) {
.main-menu{
right: 0px;
top: 0px;
height: 100%;
width: 300px;
--tw-translate-x: 100%;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
padding: 1.5rem;
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
position: fixed;
}
}
@media (min-width: 1024px) {
.main-menu .menu{
gap: 1rem;
display: flex;
}
.main-menu .menu a{
height: 48px;
gap: 1rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
line-height: 48px;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
position: relative;
display: flex;
align-items: center;
}
.main-menu .menu a:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color-active), var(--tw-text-opacity));
}
@media (min-width: 1024px){
.main-menu .menu a{
font-weight: 800;
text-transform: uppercase;
}
}
.main-menu .menu li{
position: relative;
}
.main-menu .menu a:before {
content: "";
left: 0px;
bottom: 0px;
height: 0.25rem;
width: 100%;
transform-origin: center;
--tw-translate-y: 0.25rem;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
opacity: 0;
transition-duration: 300ms;
position: absolute;
}
.main-menu .menu a:hover:before{
--tw-translate-y: 0px;
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));
opacity: 1;
}
.main-menu .menu li .sub-menu{
right: 0px;
top: 100%;
display: none;
width: 250px;
white-space: normal;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
padding: 0.5rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
position: absolute;
z-index: 50;
}
.main-menu .menu li .sub-menu a:before{
display: none;
}
.main-menu .menu li .sub-menu a{
height: auto;
border-radius: 0.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-weight: 600;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 200ms;
text-transform: lowercase;
}
.main-menu .menu li .sub-menu a:hover{
background-color: rgb(0 0 0 / 0.1);
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.main-menu .menu li:hover>.sub-menu{
display: block;
}
@keyframes fade-in-up{
0%{
opacity: 0;
transform: translateY(20px);
}
100%{
opacity: 1;
transform: translateY(0);
}
}
.main-menu .menu li:hover>.sub-menu{
animation: fade-in-up 0.6s ease-in-out both;
animation-duration: 400ms;
display: block;
}
}
.archive-item {
--thumbnail-size: 300px;
--thumbnail-size-h: 220px;
display: flex;
align-items: flex-start;
}
.archive-item:not(:last-child){
margin-bottom: 1.5rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-light-color), var(--tw-border-opacity));
padding-bottom: 1.5rem;
}
.archive-item__title{
margin-bottom: 1.25rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 300ms;
}
.archive-item__title:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
@media (min-width: 1024px){
.archive-item__title{
font-size: 1.5rem;
line-height: 2rem;
}
}
.archive-item__thumbnail{
height: var(--thumbnail-size-h);
width: var(--thumbnail-size);
overflow: hidden;
border-radius: 0.375rem;
}
.archive-item__thumbnail img{
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.archive-item__body{
width: calc(100% - var(--thumbnail-size));
padding: 1.5rem;
padding-bottom: 0px;
}
.archive-item__excerpt{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-weight: 500;
opacity: 0.9;
}
@media (max-width: 576px){
.archive-item__excerpt{
display: none;
}
}
.archive-item.no-thumbnail .archive-item__body{
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 576px) {
.archive-item {
--thumbnail-size: 140px;
--thumbnail-size-h: 120px;
}
}
.elty-search-box{
position: fixed;
left: 0px;
top: 0px;
z-index: 10001;
display: grid;
height: 100%;
width: 100%;
}
@keyframes fade-in{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.elty-search-box{
animation: fade-in 0.6s ease-in both;
grid-template-columns: repeat(1, minmax(0, 1fr));
background-color: rgb(0 0 0 / 0.75);
padding: 1rem;
padding-top: 2rem;
padding-bottom: 2rem;
animation-duration: 400ms;
position: fixed;
display: grid;
}
.elty-search-box form{
margin-left: auto;
margin-right: auto;
display: flex;
height: 3rem;
width: 90%;
max-width: 600px;
}
@keyframes fade-in-up{
0%{
opacity: 0;
transform: translateY(20px);
}
100%{
opacity: 1;
transform: translateY(0);
}
}
.elty-search-box form{
animation: fade-in-up 0.6s ease-in-out both;
gap: 1rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
opacity: 0;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
animation-delay: 300ms;
animation-duration: 500ms;
display: flex;
align-items: center;
}
.elty-search-box form input{
height: 3rem;
flex-grow: 1;
background-color: transparent;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
}
.elty-search-box form input::-moz-placeholder{
color: rgba(var(--nx-text-color), 0.8);
}
.elty-search-box form input::placeholder{
color: rgba(var(--nx-text-color), 0.8);
}
.offcanvas{
right: 0px;
top: 0px;
z-index: 10001;
height: 100%;
width: 95%;
max-width: 360px;
--tw-translate-x: 100%;
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));
overflow: auto;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: fixed;
}
.offcanvas-header{
background-color: rgba(var(--nx-light-color), 0.7);
padding: 1rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.offcanvas-header .logo img{
height: auto;
max-width: 200px;
}
.offcanvas-header .logo__text{
font-weight: 700;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.offcanvas-header .offcanvas-close{
height: 2.5rem;
width: 2.5rem;
place-content: center;
font-size: 1.5rem;
line-height: 2rem;
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
display: grid;
}
.offcanvas-header .offcanvas-close:hover{
--tw-rotate: 180deg;
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));
}
.offcanvas__sidebar{
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1.5rem;
}
.offcanvas-overlay {
content: "";
pointer-events: none;
left: 0px;
top: 0px;
z-index: 10000;
height: 100%;
width: 100%;
background-color: rgb(0 0 0 / 0.5);
opacity: 0;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: fixed;
}
.offcanvas-overlay.on{
pointer-events: auto;
opacity: 1;
}
.offcanvas.on{
--tw-translate-x: 0px;
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));
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} .offcanvas-menu{
padding: 1.5rem;
}
.offcanvas-menu ul{
flex-direction: column;
display: flex;
}
.offcanvas-menu ul a{
height: 2.5rem;
font-size: 1rem;
font-weight: 700;
line-height: 2.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
display: flex;
align-items: center;
justify-content: space-between;
}
.offcanvas-menu ul a:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.offcanvas-menu ul a .has-child-ico{
height: 2.5rem;
width: 2.5rem;
place-content: center;
display: grid;
}
.offcanvas-menu ul a .has-child-ico i{
pointer-events: none;
}
.offcanvas-menu .sub-menu{
height: 0px;
overflow: hidden;
transition-duration: 300ms;
}
.offcanvas-menu .sub-menu li a{
height: auto;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
line-height: 1.5;
}
.related{
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
width: 100%;
max-width: 1140px;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-light-color), var(--tw-border-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.5rem;
}
.related__title{
margin-bottom: 1.5rem;
}
.related__title h2{
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.related__body{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
display: grid;
}
@media (min-width: 1024px){
.related__body{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.related-item__thumbnail{
width: 100%;
}
.related-item__thumbnail img{
aspect-ratio: 16/12;
width: 100%;
border-radius: 0.5rem !important;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
-o-object-fit: cover;
object-fit: cover;
}
.related-item__body{
flex-direction: column;
gap: 0.25rem;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
align-items: flex-start;
}
.related-item__body > a{
margin-bottom: 0.25rem;
height: 1.5rem;
gap: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.75rem;
font-weight: 600;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
display: inline-flex;
align-items: center;
background-color: rgba(var(--nx-primary-color), 0.1);
transition-duration: 300ms;
}
.related-item__body > a:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.related-item__body > a:before {
content: "";
height: 0.5rem;
width: 0.5rem;
border-radius: 9999px;
background-color: currentColor;
}
.related-item__body h2{
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 300ms;
}
.related-item__body h2:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.related-item__body h2 a{
display: block;
}
.related-item__body p{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
opacity: 0.7;
}
.elty-section-4 .related-item{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
}
:root {
--player-primary: #6c6fc6;
--player-bg-body: #262626;
--player-bg-app: #0a0a0a;
--player-bg-inset: #404040;
--player-bg-transparent: rgb(255 255 255 / 10%);
--player-bg-modal: rgb(255 255 255 / 20%);
--player-bg-dark: rgb(0 0 0 / 75%);
--player-bg-gradient: linear-gradient(140deg, #a92bcd, #439bc1);
--color-title: #ffffff;
--color-text: rgb(255 255 255 / 50%);
--duration: 0.3s;
--long-duration: 1s;
--transition-config: 0.5s cubic-bezier(0.54, 0, 0.1, 1);
--container: 1480px;
--spacer: 1rem;
--shadow-m: 0px 2px 4px rgba(0, 0, 0, 0.2);
--shadow-l: 0px 8px 17px 2px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
--shadow-xl: 0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12), 0px 8px 10px -7px rgba(0, 0, 0, 0.2);
--scrollbar-color: rgb(255 255 255 / 50%);
--main-padding: 1rem;
}
body,
html {
margin: 0;
}
*,
::after,
::before {
box-sizing: border-box;
}
.app-player *,
.app-super * {
margin: 0;
}
.app-player iframe,
.app-super iframe {
border-width: 0;
}
.app-player :where(a),
.app-super :where(a) {
color: inherit;
text-decoration: none;
}
.app-player h1,
.app-player h2,
.app-player h3,
.app-player h4,
.app-player h5,
.app-player h6,
.app-super h1,
.app-super h2,
.app-super h3,
.app-super h4,
.app-super h5,
.app-super h6 {
font-size: inherit;
font-weight: inherit;
overflow-wrap: break-word;
}
.app-player :where(button),
.app-super :where(button) {
padding: 0;
margin: 0;
border-width: 0;
font-size: 100%;
font-family: inherit;
line-height: inherit;
color: inherit;
text-transform: none;
-webkit-appearance: button;
background-color: transparent;
display: inline-block;
vertical-align: middle;
height: auto;
min-width: initial;
}
.app-player :where(button):not(:disabled),
.app-super :where(button):not(:disabled) {
cursor: pointer;
}
.app-player :where(button):focus,
.app-super :where(button):focus {
outline: 0;
}
.app-player [hidden],
.app-super [hidden] {
display: none;
}
.app-player dd,
.app-player dl,
.app-player ol,
.app-player ul,
.app-super dd,
.app-super dl,
.app-super ol,
.app-super ul {
list-style: none;
padding: 0;
}
.app-player canvas,
.app-player img,
.app-player svg,
.app-player video,
.app-super canvas,
.app-super img,
.app-super svg,
.app-super video {
height: auto;
}
.app-player source,
.app-super source {
display: none;
}
.app-player canvas,
.app-player embed,
.app-player iframe,
.app-player img,
.app-player object,
.app-player svg,
.app-player video,
.app-super canvas,
.app-super embed,
.app-super iframe,
.app-super img,
.app-super object,
.app-super svg,
.app-super video {
display: block;
max-width: 100%;
}
.app-player audio,
.app-player video,
.app-super audio,
.app-super video {
width: 100%;
}
:where(.app-super) {
font-family: Montserrat, sans-serif;
}
:where(.app-super) a {
color: var(--accent, var(--player-primary));
transition: color var(--duration);
}
.app-player .btn {
display: inline-flex;
align-items: center;
justify-content: center;
-moz-column-gap: var(--btn-gap, 0.5rem);
column-gap: var(--btn-gap, 0.5rem);
background-color: var(--btn-bg, var(--player-bg-transparent));
padding: var(--btn-padding, 0.75rem);
color: var(--btn-color, var(--color-title));
font-size: var(--btn-fs, 0.875rem);
font-weight: 700;
border-radius: 999px;
line-height: 1.5;
transition-property: box-shadow, background-color, color;
transition-duration: var(--duration);
text-transform: uppercase;
}
.app-player .btn:hover {
color: var(--btn-color-hover, var(--color-title));
}
.app-player .btn-full {
width: 100%;
justify-content: center;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.truncate-line {
display: -webkit-box;
-webkit-line-clamp: var(--line-clamp, 2);
-webkit-box-orient: vertical;
overflow: hidden;
}
.app-player {
background-color: var(--player-bg-app);
position: relative;
overflow: hidden;
}
.app-player::after {
content: "";
inset: 0;
position: absolute;
background-image: linear-gradient(transparent 80%, #000);
z-index: 5;
pointer-events: none;
}
.header {
position: absolute;
width: 100%;
z-index: 50;
}
.header-wrapper {
padding: var(--main-padding);
}
.header-logo-img {
height: 40px;
}
.toggle-options {
gap: 0.5rem;
}
@media (min-width: 992px) {
:root {
--main-padding: 3vw;
}
.app-player .btn {
--btn-fs: 0.875vw;
--btn-padding: 0.75vw;
--i-size: 1.25vw;
--btn-gap: 0.5vw;
}
.header-logo-img {
max-width: 10vw;
height: auto;
}
.toggle-options {
gap: 0.5vw;
}
}
@media (max-width: 991px) {
.header {
background: var(--accent, var(--player-bg-gradient));
box-shadow: var(--shadow-l);
}
.toggle-options {
--btn-fs: 0;
--btn-gap: 0;
--i-size: 16px;
}
}
.main > * + * {
margin-top: 3rem;
}
.scrollbar {
--scrollbar-color: var(--accent, rgb(255 255 255 / 50%));
overflow-x: auto;
}
@supports not (selector(::-webkit-scrollbar-thumb)) {
.scrollbar {
scrollbar-color: var(--scrollbar-color) transparent;
scrollbar-width: thin;
}
}
.scrollbar::-webkit-scrollbar {
width: var(--scrollbar-color-width, 6px);
height: var(--scrollbar-color-width, 6px);
background-color: transparent;
}
.scrollbar::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 5px;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-color);
border-radius: 10px;
}
.dropdown {
position: absolute;
height: 140px;
background-color: var(--player-bg-dark);
padding: 1.5rem;
border-radius: 1rem;
left: 50%;
box-shadow: var(--shadow-l);
transform: translateX(-50%);
bottom: calc(100% + 0.5rem);
transition: opacity var(--duration), transform var(--duration);
}
.dropdown:not(.is-active) {
pointer-events: none;
opacity: 0;
transform: translateX(-50%) translateY(-1rem);
}
@media (min-width: 992px) {
.footer {
position: absolute;
padding: var(--main-padding);
bottom: 0;
left: 0;
display: inline-flex;
z-index: 10;
}
.footer-wrapper {
gap: 1.25vw;
}
}
.footer small {
font-size: 1rem;
}
@media (max-width: 991px) {
.footer-app {
padding: var(--main-padding);
border-top: 1px solid;
border-bottom: 1px solid;
justify-content: center;
}
.footer-copyright {
padding: var(--main-padding);
text-align: center;
}
.footer-tv {
padding-bottom: 1rem;
text-align: center;
}
.mobile-menu {
position: fixed;
height: 100vh;
padding-top: calc(2rem + 72px);
z-index: 40;
background: var(--accent, var(--player-bg-gradient));
transition: transform var(--duration);
width: 100%;
}
.mobile-menu:not(.is-active) {
pointer-events: none;
transform: translateY(-100%);
}
#app-super .player-station {
display: none !important;
}
}
.player-modal {
position: fixed;
z-index: 9999;
padding: 1rem;
box-shadow: var(--shadow-l);
color: #262626;
background-color: #fff;
text-align: center;
border-radius: 0.5rem;
width: 100%;
max-width: 400px;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
transition: opacity var(--duration);
}
.player-modal:not(.is-active) {
pointer-events: none;
opacity: 0;
}
.player-modal-image {
max-width: 200px;
border-radius: 0.5rem;
margin: 1rem auto;
}
.modal-social {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1rem;
justify-content: center;
}
.modal-social a {
background-color: #212121;
color: #fff;
border-radius: 999px;
padding: 0.75rem;
transition: background-color var(--duration);
border: 0;
--i-size: 20px;
}
.modal-social a:hover {
color: #fff;
background-color: var(--player-primary);
}
.modal-social svg {
width: var(--i-size);
height: var(--i-size);
}
.player-modal button[data-close] {
position: absolute;
right: 0;
top: -2rem;
}
.i {
stroke-width: var(--i-stroke, 2);
width: var(--i-size, 24px);
height: var(--i-size, 24px);
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}
@keyframes pulsePlay {
from {
opacity: 0;
}
50% {
opacity: 0.2;
}
to {
transform: scale(1.5);
opacity: 0;
}
}
@keyframes pulseLive {
from {
opacity: 0;
}
50% {
opacity: 0.5;
}
to {
transform: scale(2);
opacity: 0;
}
}
@keyframes textIndent {
10%,
from {
left: 0;
}
90%,
to {
left: var(--text-scroll);
}
}
#app-super .player {
position: fixed;
z-index: 9999;
inset: auto 0 0;
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
line-height: 1.25 !important;
background-color: #000;
transition: transform var(--duration), opacity var(--duration);
}
#app-super .player-picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#app-super .player-wrapper {
max-width: var(--player-wrapper, 1200px);
position: relative;
margin: auto;
width: 100%;
padding-right: 0.75rem;
z-index: 10;
}
#app-super .player-bg {
position: absolute;
inset: 0;
max-width: initial;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
transition: opacity var(--long-duration);
filter: blur(1rem);
top: 0.75rem;
}
#app-super .player-left {
margin-right: auto;
gap: 1rem;
}
@media (min-width: 992px) {
.footer small {
font-size: 0.8vw;
}
#app-super .player-left {
gap: 1vw;
}
}
#app-super .player-left::after {
background-image: var(--artwork);
width: 150px;
height: 150px;
content: "";
display: block;
position: absolute;
background-size: cover;
left: 0;
top: 0;
transform: translateY(75%);
transition: transform var(--transition-config);
pointer-events: none;
}
#app-super .player-left:has(.player-artwork:hover)::after {
transform: translateY(-100%);
}
#app-super .player-right {
--i-size: 20px;
margin-left: auto;
gap: 1rem;
}
@media (min-width: 992px) {
#app-super .player-right {
--i-size: 1.25vw;
gap: 1vw;
}
}
#app-super .player-cover-image {
--cover-blurred: 0px;
position: absolute;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition: opacity calc(var(--duration) * 3);
filter: blur(var(--cover-blurred));
max-width: initial;
inset: calc(var(--cover-blurred) * -5);
width: calc(100% + var(--cover-blurred) * 10);
height: calc(100% + var(--cover-blurred) * 10);
}
#app-super .player-artwork-style {
width: 80px;
height: 80px;
display: flex;
overflow: hidden;
background-color: var(--accent, #000);
}
#app-super .player-artwork-style img {
transition: margin calc(var(--duration) * 3);
}
#app-super .player-controller {
display: flex;
align-items: center;
position: absolute;
gap: 0.5rem;
right: 1rem;
}
#app-super .player-volume {
position: absolute;
opacity: 0;
pointer-events: none;
width: 90px !important;
max-width: initial !important;
}
#app-super .player-range-fill {
position: absolute;
width: 100%;
top: auto;
bottom: 0;
transition: background-color var(--duration);
background-color: var(--accent, var(--player-primary));
}
#app-super .player-range-wrapper {
position: relative;
height: 100%;
width: 2px;
background-color: rgba(255, 255, 255, 0.25);
}
#app-super .player-range-thumb {
width: 15px;
height: 15px;
transition: background-color var(--duration);
background-color: var(--accent, var(--player-primary));
border-radius: 5rem;
top: auto;
left: 50%;
transform: translateX(-50%);
position: absolute;
cursor: pointer;
}
#app-super .player-button {
color: rgba(255, 255, 255, 0.75);
transition: color var(--duration), background-color var(--duration);
position: relative;
font-size: 10px;
text-transform: uppercase;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
font-weight: 400;
letter-spacing: 0;
line-height: normal;
background-color: transparent !important;
}
#app-super .player-button:active,
#app-super .player-button:focus,
#app-super .player-button:hover {
background-color: transparent !important;
}
#app-super .player-button-alt {
background-color: rgba(0, 0, 0, 0.3) !important;
transition: background-color var(--duration);
color: #fff;
display: inline-flex;
align-items: center;
gap: 0.5vw;
padding: 0.5vw 0.75vw;
border-radius: 0.25vw;
--i-size: 1vw;
font-size: 0.625vw;
text-transform: uppercase;
font-weight: 700;
}
#app-super .player-button-alt:hover {
background-color: rgba(0, 0, 0, 0.5) !important;
}
#app-super .player-button-expand.is-open svg {
transform: rotate(180deg);
}
#app-super .player-button-volume {
display: flex;
align-items: center;
}
#app-super .player-button.is-active,
#app-super .player-button:hover {
color: #fff;
}
#app-super .player-button-play {
padding: 1rem;
border-radius: 999px;
transition: background-color var(--duration);
background-color: var(--accent, var(--player-bg-transparent)) !important;
}
#app-super .player-button-play:active,
#app-super .player-button-play:focus,
#app-super .player-button-play:hover {
background-color: var(--accent, var(--player-bg-transparent)) !important;
}
#app-super .player-button-play::after,
#app-super .player-button-play::before {
pointer-events: none;
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: #fff;
border-radius: 50%;
z-index: -1;
inset: 0;
opacity: 0;
animation: 2s ease-out infinite pulsePlay;
display: var(--pulse-state, none);
}
#app-super .player-button-play:after {
animation-delay: 1s;
}
#app-super .player-button-play:active,
#app-super .player-button-play:focus {
outline: 0;
}
#app-super .player-button-play.is-active {
--pulse-state: block;
}
#app-super .player-button-expand:not(.is-loaded),
#app-super .player-button-lyrics:not(.is-loaded),
#app-super .player-button-program:not(.is-loaded),
#app-super .player-button-share:not(.is-loaded),
#app-super .player-button-tv:not(.is-loaded) {
display: none !important;
}
#app-super .player-section-audio {
flex: none;
}
@media (min-width: 992px) {
#app-super .player-button-play {
padding: 1vw;
}
#app-super .player-section-audio {
max-width: 390px;
}
#app-super .player-apps-item img {
width: auto;
height: 3vw;
}
}
#app-super .player-section-meta {
width: 100%;
}
#app-super .player-social {
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1))
drop-shadow(0 3px 1px rgba(0, 0, 0, 0.075));
gap: 0.5rem;
}
#app-super .player-social-item {
border: 1px solid #fff;
border-radius: 999px;
padding: 0.5rem;
--i-size: 1rem;
}
#app-super .player-social-item:not(:hover) {
color: #fff;
}
#app-super .player-apps-item {
transition: filter var(--duration);
}
#app-super .player-apps-item:hover {
filter: drop-shadow(0 0px 10px white);
}
#app-super .player-song-name {
display: flex;
align-items: center;
margin-bottom: 0.25rem;
}
#app-super .player-program {
position: absolute;
bottom: 100%;
background-color: #000;
right: 0;
transition: transform var(--duration), opacity var(--duration);
border-radius: 0.5rem;
box-shadow: var(--shadow-l);
max-width: var(--player-program-wrapper, 340px);
font-size: 16px;
margin: 0;
}
#app-super .player-program:not(.is-active) {
pointer-events: none;
opacity: 0;
transform: translateY(1rem);
}
#app-super .player-program-text {
color: #fa1100;
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
}
#app-super .player-program-badge {
font-weight: 800;
background-color: #fa1100;
font-size: 10px;
padding: 4px 6px;
border-radius: 5rem;
display: inline-flex;
align-items: center;
gap: 7px;
white-space: nowrap;
color: #fff;
margin-right: 0.5rem;
line-height: 1;
text-transform: uppercase;
}
#app-super .player-program-badge i {
border-radius: 999px;
position: relative;
width: 8px;
height: 8px;
display: block;
background-color: #fff;
}
#app-super .player-program-badge i:after,
#app-super .player-program-badge i:before {
pointer-events: none;
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: #fff;
border-radius: 50%;
z-index: 50;
inset: 0;
opacity: 0;
animation: 2s ease-out infinite pulseLive;
}
#app-super .player-program-badge i:after {
animation-delay: 1s;
}
#app-super .player-program-time-container {
display: flex;
align-items: center;
gap: 0.5rem;
}
#app-super .player-program-description {
font-size: 0.875rem;
}
#app-super .player-artwork-container {
width: 100%;
}
#app-super .program-name {
margin-top: 0.25rem;
}
#app-super .station {
transition: opacity var(--duration);
flex: none;
}
#app-super .station:first-child {
margin-left: auto;
}
#app-super .station-image {
width: 50px;
height: 50px;
-o-object-fit: contain;
object-fit: contain;
}
#app-super .station-button {
background-color: rgba(255, 255, 255, 0.1);
padding: 0.5em !important;
border-radius: 0.5em !important;
transition: background-color var(--duration);
font-weight: 500;
font-size: 1em;
justify-content: flex-start !important;
}
#app-super .station-button:hover {
background-color: rgba(255, 255, 255, 0.2);
}
#app-super .station-button.is-current {
background-color: var(--accent, rgba(255, 255, 255, 0.2)) !important;
}
#app-super .station-name {
white-space: nowrap;
font-size: 16px !important;
display: inline-flex;
position: relative;
}
#app-super .station-name.is-scrolling {
animation: textIndent var(--text-scroll-duration, 5s) linear infinite
alternate;
}
#app-super .station-description {
font-size: 14px !important;
}
#app-super .station-img {
width: 90px;
aspect-ratio: 1/1;
box-shadow: var(--shadow-l);
border-radius: 0.5rem;
}
#app-super .station:not(.is-active) {
opacity: 0.5;
}
#app-super .station:hover {
opacity: 1;
}
#app-super #stations {
padding: 0.5em;
max-height: 232px;
}
#app-super .historyp {
--cols-min: 20rem;
}
#app-super .historyp-item {
padding: 0.75rem;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0.5rem;
box-shadow: var(--shadow-l);
position: relative;
padding-right: calc(0.75rem + 35px);
overflow: hidden;
z-index: 1;
flex: none;
max-width: 264px;
}
#app-super .historyp-item::before {
content: "";
inset: 0;
position: absolute;
z-index: -1;
background: var(--accent, #000);
opacity: 0.9;
}
#app-super .historyp-body {
line-height: 1.5 !important;
}
#app-super .historyp-body span {
display: block;
}
#app-super .historyp-spotify {
bottom: 0.75rem;
right: 0.75rem;
position: absolute;
color: #fff;
transition: opacity var(--duration);
}
#app-super .historyp-spotify:not(:hover) {
opacity: 0.5;
}
#app-super .historyp-spotify[href="#not-found"] {
opacity: 0.1;
pointer-events: none;
}
#app-super .historyp-image {
width: 50px;
aspect-ratio: 1/1;
}
#app-super .historyp-image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 999px;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
#app-super .historyp-title {
width: 100%;
text-align: center;
padding: 1.25em;
cursor: pointer;
font-size: 16px;
color: #fff;
}
#app-super #historyTab,
#app-super #programTab,
#app-super .historyp-time[data-time-ago="time-none"]::after {
display: none;
}
#app-super .player-modal.is-active ~ * {
--modal-overlay-opacity: 1;
pointer-events: all;
}
#app-super .player-modal h2 {
color: #262626;
}
#app-super .app-player .player-down-up {
position: absolute;
color: #fff !important;
background-color: rgba(0, 0, 0, 0.2) !important;
top: -3px;
left: 50%;
transform: translate(-50%, -100%);
padding: 0.25rem 1.5rem;
border-radius: 8px 8px 0 0 !important;
transition: background-color var(--duration);
}
#app-super .app-player .player.is-hidden {
transform: translateY(100%);
}
#app-super .app-player.is-hidden .player-down-up:after {
transform: rotate(180deg);
}
#app-super .app-player .player-down-up:after {
content: "";
width: 8px;
position: relative;
height: 8px;
display: block;
border-right: 2px solid;
border-bottom: 2px solid;
transform: rotate(45deg);
transform-origin: center;
top: -1px;
background-color: transparent !important;
border-radius: 0 !important;
}
#app-super .app-player .player-down-up:hover {
background-color: rgba(0, 0, 0, 0.25);
}
#app-super .app-player .player.is-hidden .player-down-up:after {
transform: rotate(-136deg);
top: 3px;
}
#app-super.is-expanded .player {
--player-max-width: 320px;
inset: 0;
}
#app-super.is-expanded .player .player-down-up,
#app-super.is-expanded .player .player-left::after,
#app-super.is-expanded
.player
.player-right
.player-button:not(.player-button-expand) {
display: none !important;
}
#app-super.is-expanded .player .player-controller {
position: relative;
right: initial;
gap: 1rem;
width: 100%;
justify-content: space-between;
}
#app-super.is-expanded .player .player-left {
flex-direction: column;
margin: initial;
position: relative;
}
#app-super.is-expanded .player .player-artwork-style {
width: 100%;
height: 100%;
border-radius: 0.5rem;
max-width: 100%;
}
#app-super.is-expanded .player .player-cover {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: var(--player-max-width, 100%);
margin: auto;
}
#app-super.is-expanded .player .player-right {
position: fixed;
top: 2rem;
right: 2rem;
}
#app-super.is-expanded .player .player-program-badge {
display: none;
}
@media (max-width: 991px) {
#app-super .player-social:not(.modal-social) {
display: none !important;
}
#app-super.is-expanded .player-button-volume {
opacity: 0.15;
pointer-events: none;
}
}
#app-super.is-expanded .offcanvas-player {
bottom: 0;
top: 0;
left: 0;
right: auto;
background-color: rgba(255, 255, 255, 0.2);
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
--off-translate: -100%;
max-width: 400px;
width: 100%;
z-index: 99999;
}
#app-super.is-expanded .historyp {
flex-direction: column;
gap: 0;
}
#app-super.is-expanded .historyp-header {
color: #fff;
box-shadow: 0 -2px 0 0 rgba(255, 255, 255, 0.25) inset;
display: flex;
align-items: center;
}
#app-super.is-expanded
#historyTab:checked
~ .historyp-header
label[for="historyTab"],
#app-super.is-expanded
#programTab:checked
~ .historyp-header
label[for="programTab"],
#app-super.is-expanded .historyp-header label:hover {
box-shadow: 0 -2px 0 0 inset;
}
#app-super.is-expanded #historyTab:not(:checked) ~ .historyp,
#app-super.is-expanded #programTab:not(:checked) ~ .program-list {
display: none;
}
#app-super.is-expanded .historyp-close {
transform: rotate(-90deg);
transition: color var(--duration);
position: absolute;
left: 1rem;
}
#app-super.is-expanded .historyp-close:not(:hover) {
color: rgba(255, 255, 255, 0.5);
}
#app-super.is-expanded .historyp-item {
border-radius: 0;
background-color: transparent;
box-shadow: 0 0 transparent;
padding: 0.75rem 3rem 0.75rem 0.75rem;
width: 100%;
max-width: 100%;
}
#app-super.is-expanded .historyp-item::before {
display: none;
}
#app-super.is-expanded .historyp-item:first-child::after {
content: "";
height: 100%;
pointer-events: none;
background-image: linear-gradient(
45deg,
var(--progress-primary, #3d54ee),
var(--progress-secondary, #0c1d8d)
);
width: var(--song-progress, 0%);
display: block;
position: absolute;
transition: width var(--long-duration);
z-index: -1;
left: 0;
}
#app-super.is-expanded .historyp-item + * {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#app-super.is-expanded .historyp-time::after {
content: " - " attr(data-time-ago);
}
#app-super.is-expanded .historyp-time[data-time-ago=""]::after {
content: "";
display: none;
}
#app-super.is-expanded .player-wrapper {
padding: 2rem;
}
#app-super.is-expanded .player-song-name {
width: 100%;
}
#app-super.is-expanded .schedule-item:not(:first-child) {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#app-super.is-expanded .schedule-item-title {
margin: 0;
}
#app-super.is-expanded .schedule-item-content {
color: #fff;
}
#app-super.is-expanded .schedule-item {
padding: 0.5rem 0.75rem;
}
#app-super.is-expanded .player-cover-title {
width: var(--player-max-width);
}
#app-super.is-expanded .station-name {
display: block;
}
#app-super.is-expanded .player-full-progress {
display: flex;
justify-content: space-between;
width: 100%;
color: #fff;
position: relative;
padding-top: 1rem;
}
#app-super.is-expanded .player-full-progress::after,
#app-super.is-expanded .player-full-progress::before {
content: "";
width: 100%;
position: absolute;
background-color: rgba(255, 255, 255, 0.2);
height: 4px;
inset: 0 0 auto;
}
#app-super.is-expanded .player-full-progress::after {
background-image: linear-gradient(
45deg,
var(--progress-primary, #3d54ee),
var(--progress-secondary, #0c1d8d)
);
right: auto;
width: var(--song-progress, 0%);
display: block;
position: absolute;
transition: width var(--long-duration);
}
#app-super.is-expanded .player-button-like svg {
transform: rotateY(180deg);
}
#app-super.is-expanded .player-button-dislike svg {
transform: rotateX(180deg);
}
#app-super.is-expanded .player-button-next:not(.is-loaded),
#app-super.is-expanded .player-button-prev:not(.is-loaded),
#app-super.is-expanded .player-modules {
display: none;
}
#app-super.is-expanded .modal-video {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
#app-super:not(.is-expanded) .playe-cover-title {
width: 90px;
}
@media (min-width: 576px) {
#app-super:not(.is-expanded) .playe-cover-title {
width: var(--player-text-container, 250px);
}
}
#app-super:not(.is-expanded) .player-full-screen-bar,
#app-super:not(.is-expanded) .player-stream {
display: none;
}
@media (min-width: 992px) {
#app-super:not(.is-expanded) .player-controller {
top: 50%;
left: 50%;
right: auto;
transform: translate(-50%, -50%);
gap: 1rem;
}
}
@media (max-width: 991px) {
#app-super:not(.is-expanded) .player-button-volume {
display: none !important;
}
#app-super:not(.is-expanded)
.player-right
:where(.player-button-alt, .player-button) {
font-size: 0;
gap: 0;
background-color: var(--accent, #000) !important;
--i-size: 18px;
padding: 0.5rem;
border-radius: 999px;
color: #fff;
}
#app-super:not(.is-expanded) .player-cover-title .player-program-badge {
display: none !important;
}
#app-super:not(.is-expanded) .player-right {
position: absolute;
top: 0;
transform: translateY(-100%);
right: 0;
gap: 0.5rem;
padding: 0.5rem;
transition: transform var(--duration), opacity var(--duration);
}
#app-super:not(.is-expanded) .player-right:has(.is-active) {
transform: translateY(0);
opacity: 0;
}
}
#app-super:not(.is-expanded) .offcanvas-content {
padding: 1rem;
}
#app-super:not(.is-expanded) .historyp-header,
#app-super:not(.is-expanded) .program-list {
display: none;
}
#app-super:not(.is-expanded) .player {
border-top: 4px solid rgba(255, 255, 255, 0.75);
}
#app-super:not(.is-expanded) .player::before {
content: "";
height: 4px;
pointer-events: none;
background-image: linear-gradient(
45deg,
var(--progress-primary, #3d54ee),
var(--progress-secondary, #0c1d8d)
);
width: var(--song-progress, 0%);
display: block;
position: absolute;
transition: width var(--long-duration);
top: -4px;
left: 0;
z-index: 1;
}
#app-super:not(.is-expanded) .player-button-dislike,
#app-super:not(.is-expanded) .player-button-like,
#app-super:not(.is-expanded) .player-button-next,
#app-super:not(.is-expanded) .player-button-prev,
#app-super:not(.is-expanded) .player-full-progress,
#app-super:not(.is-expanded) .player-stations:not(.is-loaded) {
display: none;
}
#app-super:not(.is-expanded) .player-modules {
max-width: var(--player-wrapper, 1200px);
inset: 0 0 auto;
position: absolute;
width: 100%;
margin: auto;
}
#app-super:not(.is-expanded) .historyp-item:nth-child(n + 6) {
display: none;
}
#app-super:not(.is-expanded) .offcanvas-player {
inset: auto 0;
bottom: 5.25rem;
width: -moz-max-content;
width: max-content;
margin: auto;
}
#app-super .player-full-screen-bar span {
padding: 2px 15px;
font-size: 8px;
text-transform: uppercase;
color: #fff;
background-color: #fa1100;
border-radius: 9999px;
position: relative;
z-index: 1;
}
#app-super .player-full-screen-bar::before {
content: "";
height: 1px;
display: block;
width: 100%;
background-color: #fa1100;
position: absolute;
left: 0;
top: 50%;
}
#app-super .player-full-screen-bar {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 991px) {
#app-super .app-player .player-down-up {
transform: translate(0, -100%) !important;
left: 0 !important;
}
}
#app-super .player-stream {
display: flex;
flex-direction: column;
color: #fff;
text-align: center;
}
#app-super .stream-name {
font-weight: 700;
font-size: 1.25rem;
}
#app-super .player-title-fix {
width: 100%;
overflow: hidden;
max-width: calc(100vw - 14rem);
}
#app-super .player-button svg {
width: 24px;
height: 24px;
fill: #fff;
}
#app-super .player-button-next,
#app-super .player-button-prev {
position: absolute;
top: 50%;
z-index: 10;
background-color: var(--accent, var(--player-primary));
border-radius: 999px;
color: #fff;
padding: 3px;
box-shadow: var(--shadow-l);
transition: opacity var(--duration);
}
#app-super .player-button-next svg,
#app-super .player-button-prev svg {
width: 28px;
height: 28px;
}
#app-super .player-button-prev svg {
transform: rotate(180deg);
}
#app-super .player-button-next {
right: -17px;
}
#app-super .player-button-prev {
left: -17px;
}
#app-super .player-overlay {
background: var(--accent, var(--player-primary));
position: absolute;
inset: 0;
opacity: 0.75;
pointer-events: none;
}
#app-super .player-button-expand.is-open svg:last-child,
#app-super .player-button-expand:not(.is-open) svg:first-child {
display: none;
}
#app-super .player-modules {
padding: 0;
height: 0;
}
#app-super .station-picture img {
border-radius: 999px;
background-color: #000;
}
#app-super.is-expanded .station-picture {
display: none;
}
#app-super.is-expanded .player-button-expand {
font-size: 0;
}
.visualizer {
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
display: flex;
align-items: flex-end;
justify-content: space-around;
height: 100%;
opacity: 0.1;
}
.visualizer-filter {
display: none;
}
.modal {
position: fixed;
max-width: 900px;
margin: 0 auto;
z-index: 999999;
inset: 1rem;
transition: opacity var(--duration);
display: flex;
}
.modal:not(.is-active) {
pointer-events: none;
opacity: 0;
}
.modal-content {
max-height: 80%;
width: 100%;
background-color: var(--player-bg-dark);
border-radius: 0.5rem;
box-shadow: var(--shadow-xl);
display: flex;
flex-direction: column;
padding: var(--main-padding);
margin: auto;
}
.modal-title {
margin-bottom: 1.5rem;
line-height: 1;
padding-bottom: 1.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.modal-title-text {
color: #fff;
margin: 0;
}
.modal-body {
font-size: 1.125rem;
color: #fff;
}
.modal-overlay {
opacity: var(--modal-overlay-opacity, 0);
z-index: 100;
position: fixed;
inset: 0;
pointer-events: none;
background: rgba(0, 0, 0, 0.5);
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
transition: opacity var(--duration);
}
.modal.is-active ~ * {
--modal-overlay-opacity: 1;
pointer-events: all;
}
.modal-video {
right: 0;
bottom: 100%;
position: absolute;
margin: auto;
width: 100%;
max-width: 370px;
padding: 0.5rem;
background-color: #000;
border-radius: 0.5rem;
z-index: 150;
box-shadow: var(--shadow-xl);
transition: opacity var(--duration), transform var(--duration);
aspect-ratio: 16/9;
}
.modal-video:not(.is-active) {
transform: translateY(1rem);
visibility: hidden;
pointer-events: none;
opacity: 0;
}
.modal-video [data-close] {
position: absolute;
right: -0.5rem;
top: -0.5rem;
background-color: var(--accent, #000);
z-index: 100;
}
.modal-video iframe {
aspect-ratio: 16/9;
width: 100%;
height: auto;
}
.offcanvas-player {
position: fixed;
z-index: 120;
transition: transform var(--duration), opacity var(--duration);
max-width: 100%;
inset: auto 0 5.25rem auto;
}
.offcanvas-player:not(.is-active) {
transform: translateX(var(--off-translate, 100%));
pointer-events: none;
opacity: 0;
}
.offcanvas [data-close] {
margin-bottom: 1rem;
}
.app-super .schedule-item {
padding: 1rem;
}
.app-super .schedule-item:not(:first-child) {
border-top: 1px solid #fff;
}
.app-super .schedule-item-title {
font-weight: 800 !important;
font-size: 1rem !important;
margin-top: 0.25rem;
letter-spacing: 0;
color: #fff;
}
.app-super .schedule-item-description {
font-size: 12px;
letter-spacing: 0;
font-weight: 400;
color: #fff;
}
.app-super .schedule-item-picture {
aspect-ratio: 110/70;
width: 110px;
position: relative;
overflow: hidden;
border-radius: 0.25rem;
}
.app-super .schedule-item-picture img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video-js.video-js-stream {
width: 100%;
height: 100%;
position: absolute;
--video-font-size: 16px;
}
.video-js.video-js-stream .video-js.vjs-no-flex .vjs-menu-button-inline,
.video-js.video-js-stream .vjs-menu-button-inline.vjs-slider-active,
.video-js.video-js-stream .vjs-menu-button-inline:focus,
.video-js.video-js-stream .vjs-menu-button-inline:hover {
width: 10em;
}
.video-js.video-js-stream .vjs-controls-disabled .vjs-big-play-button {
display: none !important;
}
.video-js.video-js-stream .vjs-control {
width: 3em;
color: inherit;
}
.video-js.video-js-stream .vjs-menu-button-inline:before {
width: 1.5em;
}
.video-js.video-js-stream .vjs-menu-button-inline .vjs-menu {
left: 3em;
}
.video-js.video-js-stream .video-js.vjs-paused .vjs-big-play-button,
.video-js.video-js-stream .vjs-paused.vjs-has-started.vjs-big-play-button {
display: block;
}
.video-js.video-js-stream .vjs-load-progress div,
.video-js.video-js-stream .vjs-seeking .vjs-big-play-button,
.video-js.video-js-stream .vjs-waiting .vjs-big-play-button {
display: none !important;
}
.video-js.video-js-stream .vjs-mouse-display:after,
.video-js.video-js-stream .vjs-play-progress:after {
padding: 0 0.4em 0.3em;
}
.video-js.video-js-stream .video-js.vjs-ended .vjs-loading-spinner {
display: none;
}
.video-js.video-js-stream .video-js.vjs-ended .vjs-big-play-button {
display: block !important;
}
.video-js.video-js-stream .video-js *,
.video-js.video-js-stream .video-js:after,
.video-js.video-js-stream .video-js:before {
box-sizing: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
}
.video-js.video-js-stream .video-js.vjs-fullscreen,
.video-js.video-js-stream .video-js.vjs-fullscreen .vjs-tech {
width: 100% !important;
height: 100% !important;
}
.video-js.video-js-stream .video-js {
font-size: 14px;
overflow: hidden;
}
.video-js.video-js-stream .video-js.vjs-no-flex .vjs-menu-button-inline,
.video-js.video-js-stream .vjs-menu-button-inline:hover {
width: 8.35em;
}
.video-js.video-js-stream
.vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover
.vjs-menu
.vjs-menu-content {
height: 3em;
width: 6.35em;
}
.video-js.video-js-stream .vjs-control:focus:before,
.video-js.video-js-stream .vjs-control:hover:before {
text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff;
}
.video-js.video-js-stream .vjs-spacer,
.video-js.video-js-stream .vjs-time-control {
display: flex;
flex: 1 1 auto;
}
.video-js.video-js-stream .vjs-time-control {
flex: 0 1 auto;
width: auto;
}
.video-js.video-js-stream .vjs-time-control.vjs-time-divider {
width: 14px;
}
.video-js.video-js-stream .vjs-time-control.vjs-time-divider div {
width: 100%;
text-align: center;
}
.video-js.video-js-stream .vjs-time-control.vjs-current-time {
margin-left: 1em;
}
.video-js.video-js-stream .vjs-time-control .vjs-current-time-display,
.video-js.video-js-stream .vjs-time-control .vjs-duration-display {
width: 100%;
}
.video-js.video-js-stream .vjs-time-control .vjs-current-time-display {
text-align: right;
}
.video-js.video-js-stream .vjs-time-control .vjs-duration-display {
text-align: left;
}
.video-js.video-js-stream .video-js.vjs-live .vjs-time-control.vjs-current-time,
.video-js.video-js-stream .video-js.vjs-live .vjs-time-control.vjs-duration,
.video-js.video-js-stream .video-js.vjs-live .vjs-time-control.vjs-time-divider,
.video-js.video-js-stream
.video-js.vjs-no-flex
.vjs-time-control.vjs-remaining-time,
.video-js.video-js-stream .vjs-play-progress:before,
.video-js.video-js-stream .vjs-progress-control .vjs-play-progress:before,
.video-js.video-js-stream .vjs-remaining-time,
.video-js.video-js-stream .vjs-volume-level:after,
.video-js.video-js-stream .vjs-volume-level:before {
display: none;
}
.video-js.video-js-stream .video-js.vjs-no-flex .vjs-time-control {
display: table-cell;
width: 4em;
}
.video-js.video-js-stream .vjs-progress-control {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 0.5em;
top: -0.5em;
}
.video-js.video-js-stream .vjs-progress-control .vjs-load-progress,
.video-js.video-js-stream .vjs-progress-control .vjs-play-progress,
.video-js.video-js-stream .vjs-progress-control .vjs-progress-holder {
height: 100%;
}
.video-js.video-js-stream .vjs-progress-control .vjs-progress-holder {
margin: 0;
}
.video-js.video-js-stream .vjs-progress-control:hover {
height: 1.5em;
top: -1.5em;
}
.video-js.video-js-stream .vjs-control-bar {
transition: transform 0.1s;
}
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active
.vjs-control-bar,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive
.vjs-control-bar,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active
.vjs-control-bar,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive
.vjs-control-bar,
.video-js.video-js-stream
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive
.vjs-control-bar {
visibility: visible;
opacity: 1;
-webkit-backface-visibility: hidden;
transform: translateY(3em);
transition: transform 1s;
}
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active
.vjs-progress-control,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive
.vjs-progress-control,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active
.vjs-progress-control,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive
.vjs-progress-control,
.video-js.video-js-stream
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive
.vjs-progress-control {
height: 0.25em;
top: -0.25em;
pointer-events: none;
transition: height 1s, top 1s;
}
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen
.vjs-progress-control,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen
.vjs-progress-control,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen
.vjs-progress-control,
.video-js.video-js-stream
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen
.vjs-progress-control,
.video-js.video-js-stream
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen
.vjs-progress-control {
opacity: 0;
transition: opacity 1s 1s;
}
.video-js.video-js-stream .video-js.vjs-live .vjs-live-control {
margin-left: 1em;
}
.video-js.video-js-stream .vjs-big-play-button {
top: 50%;
left: 50%;
margin-left: -1em;
width: 2em;
border: none;
background-color: #fff;
color: #262626;
transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
font-size: 3.5em;
border-radius: 50%;
height: 2em !important;
line-height: 2em !important;
margin-top: -1em !important;
}
.video-js.video-js-stream .vjs-menu-button-popup .vjs-menu {
left: -3em;
}
.video-js.video-js-stream .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: transparent;
width: 12em;
left: -1.5em;
padding-bottom: 0.5em;
}
.video-js.video-js-stream .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
.video-js.video-js-stream .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
background-color: #151b17;
margin: 0.3em 0;
padding: 0.5em;
border-radius: 0.3em;
}
.video-js.video-js-stream .video-js:hover .vjs-big-play-button,
.video-js.video-js-stream .vjs-big-play-button:active,
.video-js.video-js-stream .vjs-big-play-button:focus,
.video-js.video-js-stream
.vjs-menu-button-popup
.vjs-menu
.vjs-menu-item.vjs-selected {
background-color: var(--primary);
}
.video-js.video-js-stream .vjs-loading-spinner {
border-color: var(--primary);
}
.video-js.video-js-stream .vjs-control-bar2 {
background-color: #000;
}
.video-js.video-js-stream .vjs-control-bar {
background-color: rgba(0, 0, 0, 0.3) !important;
color: #fff;
font-size: var(--video-font-size, 14px);
}
.video-js.video-js-stream .vjs-play-progress,
.video-js.video-js-stream .vjs-volume-level {
background-color: var(--primary);
}
.video-is-ready .player-wrapper {
transform: translateY(100%);
opacity: 0;
pointer-events: none;
}
.video-is-ready .video-js-stream {
opacity: 1;
pointer-events: all;
}
.modal-body-video {
overflow: hidden;
position: relative;
height: 100%;
width: 100%;
}
.nexo-tops-item {
box-shadow: var(--shadow-m);
font-family: Montserrat, sans-serif;
border-radius: 4px;
overflow: hidden;
}
.nexo-tops-item + * {
margin-top: 1rem;
}
.nexo-tops-button {
padding: 0;
border: 0;
background: 0 0;
transition: opacity var(--duration);
cursor: pointer;
}
.nexo-tops-button:not(:hover) {
opacity: 0.5;
}
.nexo-tops-head {
display: flex;
align-items: center;
gap: 1rem;
}
.nexo-tops-head:not(.is-active) + * {
height: 0;
}
.nexo-tops-image {
max-width: 80px;
}
.nexo-tops-image-container {
position: relative;
}
.nexo-tops-image-container span {
position: absolute;
z-index: 5;
color: #fff;
font-size: 1.75rem;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.25);
}
.nexo-tops-title {
margin-bottom: 1px;
font-size: 1rem;
font-weight: 700;
}
.nexo-tops-artist {
font-size: 0.875rem;
}
.nexo-tops-footer {
background-color: rgba(0, 0, 0, 0.02);
overflow: hidden;
height: 62px;
transition: height 0.3s;
position: relative;
}
.nexo-tops-footer-content {
display: flex;
gap: 1rem;
padding: 0 1rem;
align-items: center;
height: 62px;
position: absolute;
inset: 0 0 auto;
}
.nexo-tops-data {
color: #000;
line-height: 1;
}
.nexo-tops-meta {
font-size: 0.75rem;
color: #000;
line-height: 1.5;
font-weight: 500;
}
.nexo-tops-meta-title {
font-weight: 700;
}
.nexo-tops-footer-content:not(.is-playing)::before {
opacity: 0;
display: none;
}
.nexo-tops-footer-content::before {
background-image: url(//lafieradigital.com/wp-content/themes/nexoradio/assets/img/equalizer.gif);
background-position: bottom left;
background-repeat: repeat-x;
position: absolute;
inset: 0;
content: "";
opacity: 0.1;
pointer-events: none;
}
#player-video-tops {
display: flex;
aspect-ratio: 21/9;
}
@media (max-width: 1199px) {
#player-video-tops {
flex-direction: column;
}
.nexo-vid-tops-list {
max-height: 660px;
}
}
.nexo-vid-tops {
background: 0 0;
border: 0;
color: #fff;
display: flex;
text-align: left;
padding: 0;
cursor: pointer;
}
.nexo-vid-tops-video {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.nexo-vid-tops-list {
display: flex;
flex-direction: column;
background: #000;
gap: 5px;
padding: 5px;
flex: none;
}
@media (min-width: 1200px) {
.nexo-vid-tops-list {
width: 380px;
}
}
.nexo-vid-tops-item {
padding: 5px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
transition: background-color var(--duration);
}
.nexo-vid-tops-item:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.nexo-vid-tops-data {
padding: 7px;
}
.nexo-vid-tops-artist {
opacity: 0.5;
margin-top: 5px;
display: block;
}
.nexo-vid-tops-title {
text-transform: uppercase;
}
.nexo-vid-tops-image-container {
width: 140px;
height: auto;
aspect-ratio: 16/9;
position: relative;
overflow: hidden;
flex: none;
}
.nexo-vid-tops-image-container span {
position: absolute;
z-index: 5;
color: #fff;
font-size: 1.75rem;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.25);
}
.nexo-vid-tops-image-container img {
position: absolute;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.fixed {
position: fixed;
}
.sticky {
position: sticky;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-60 {
z-index: 60;
}
.z-70 {
z-index: 70;
}
.z-80 {
z-index: 80;
}
.z-90 {
z-index: 90;
}
.z-100 {
z-index: 100;
}
.g-0\.25 {
gap: 0.25rem;
}
.g-0\.5 {
gap: 0.5rem;
}
.g-0\.75 {
gap: 0.75rem;
}
.g-0\.875 {
gap: 0.875rem;
}
.g-1 {
gap: 1rem;
}
.g-1\.25 {
gap: 1.25rem;
}
.g-1\.5 {
gap: 1.5rem;
}
.g-1\.75 {
gap: 1.75rem;
}
.g-2 {
gap: 2rem;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.grid {
display: grid;
}
.inline-grid {
display: inline-grid;
}
.none {
display: none;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.justify-evenly {
justify-content: space-evenly;
}
.row {
flex-direction: row;
}
.column {
flex-direction: column;
}
@media (min-width: 576px) {
.s\:g-0\.25 {
gap: 0.25rem;
}
.s\:g-0\.5 {
gap: 0.5rem;
}
.s\:g-0\.75 {
gap: 0.75rem;
}
.s\:g-0\.875 {
gap: 0.875rem;
}
.s\:g-1 {
gap: 1rem;
}
.s\:g-1\.25 {
gap: 1.25rem;
}
.s\:g-1\.5 {
gap: 1.5rem;
}
.s\:g-1\.75 {
gap: 1.75rem;
}
.s\:g-2 {
gap: 2rem;
}
.s\:block {
display: block;
}
.s\:inline-block {
display: inline-block;
}
.s\:inline {
display: inline;
}
.s\:flex {
display: flex;
}
.s\:inline-flex {
display: inline-flex;
}
.s\:grid {
display: grid;
}
.s\:inline-grid {
display: inline-grid;
}
.s\:none {
display: none;
}
.s\:row {
flex-direction: row;
}
.s\:column {
flex-direction: column;
}
}
@media (min-width: 768px) {
.m\:g-0\.25 {
gap: 0.25rem;
}
.m\:g-0\.5 {
gap: 0.5rem;
}
.m\:g-0\.75 {
gap: 0.75rem;
}
.m\:g-0\.875 {
gap: 0.875rem;
}
.m\:g-1 {
gap: 1rem;
}
.m\:g-1\.25 {
gap: 1.25rem;
}
.m\:g-1\.5 {
gap: 1.5rem;
}
.m\:g-1\.75 {
gap: 1.75rem;
}
.m\:g-2 {
gap: 2rem;
}
.m\:block {
display: block;
}
.m\:inline-block {
display: inline-block;
}
.m\:inline {
display: inline;
}
.m\:flex {
display: flex;
}
.m\:inline-flex {
display: inline-flex;
}
.m\:grid {
display: grid;
}
.m\:inline-grid {
display: inline-grid;
}
.m\:none {
display: none;
}
.m\:row {
flex-direction: row;
}
.m\:column {
flex-direction: column;
}
}
@media (min-width: 992px) {
#app-super:not(.is-expanded) .offcanvas-content {
padding: 1.25rem;
}
#app-super .player-title-fix {
max-width: 200px;
}
#app-super
.player-cover:not(:hover)
:where(.player-button-prev, .player-button-next) {
opacity: 0;
pointer-events: none;
}
.l\:g-0\.25 {
gap: 0.25rem;
}
.l\:g-0\.5 {
gap: 0.5rem;
}
.l\:g-0\.75 {
gap: 0.75rem;
}
.l\:g-0\.875 {
gap: 0.875rem;
}
.l\:g-1 {
gap: 1rem;
}
.l\:g-1\.25 {
gap: 1.25rem;
}
.l\:g-1\.5 {
gap: 1.5rem;
}
.l\:g-1\.75 {
gap: 1.75rem;
}
.l\:g-2 {
gap: 2rem;
}
.l\:block {
display: block;
}
.l\:inline-block {
display: inline-block;
}
.l\:inline {
display: inline;
}
.l\:flex {
display: flex;
}
.l\:inline-flex {
display: inline-flex;
}
.l\:grid {
display: grid;
}
.l\:inline-grid {
display: inline-grid;
}
.l\:none {
display: none;
}
.l\:row {
flex-direction: row;
}
.l\:column {
flex-direction: column;
}
}
@media (min-width: 1200px) {
.xl\:g-0\.25 {
gap: 0.25rem;
}
.xl\:g-0\.5 {
gap: 0.5rem;
}
.xl\:g-0\.75 {
gap: 0.75rem;
}
.xl\:g-0\.875 {
gap: 0.875rem;
}
.xl\:g-1 {
gap: 1rem;
}
.xl\:g-1\.25 {
gap: 1.25rem;
}
.xl\:g-1\.5 {
gap: 1.5rem;
}
.xl\:g-1\.75 {
gap: 1.75rem;
}
.xl\:g-2 {
gap: 2rem;
}
.xl\:block {
display: block;
}
.xl\:inline-block {
display: inline-block;
}
.xl\:inline {
display: inline;
}
.xl\:flex {
display: flex;
}
.xl\:inline-flex {
display: inline-flex;
}
.xl\:grid {
display: grid;
}
.xl\:inline-grid {
display: inline-grid;
}
.xl\:none {
display: none;
}
.xl\:row {
flex-direction: row;
}
.xl\:column {
flex-direction: column;
}
}
.wrap {
flex-wrap: wrap;
}
.wrap-reverse {
flex-wrap: wrap-reverse;
}
.nowrap {
flex-wrap: nowrap;
}
.flex-1 {
flex: 1 1 0;
}
.flex-auto {
flex: auto;
}
.flex-initial {
flex: initial;
}
.flex-none {
flex: none;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-center {
align-content: center;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.content-evenly {
align-content: space-evenly;
}
.auto-fill {
grid-template-columns: repeat(
auto-fill,
minmax(min(100%, var(--cols-min, 16rem)), 1fr)
);
}
.auto-fit {
grid-template-columns: repeat(
auto-fit,
minmax(min(100%, var(--cols-min, 16rem)), 1fr)
);
}
.o-auto {
overflow: auto;
}
.o-hidden {
overflow: hidden;
}
.ox-auto {
overflow-x: auto;
}
.ox-hidden {
overflow-x: hidden;
}
.oy-auto {
overflow-y: auto;
}
.oy-hidden {
overflow-y: hidden;
}
.events-none {
pointer-events: none;
}
.events-auto {
pointer-events: auto;
}
.color-primary {
color: var(--player-primary);
}
.color-text {
color: var(--color-text);
}
.color-title {
color: var(--color-title);
}
.fs-1 {
font-size: 2.5rem;
}
.fs-2 {
font-size: 1.75rem;
}
.fs-3 {
font-size: 1.5rem;
}
.fs-4 {
font-size: 1.25rem;
}
.fs-5 {
font-size: 1.125rem;
}
.fs-6 {
font-size: 1rem;
}
.fs-7 {
font-size: 0.875rem;
}
.fs-8 {
font-size: 0.75rem;
}
@media (min-width: 576px) {
.s\:fs-1 {
font-size: 2.5rem;
}
.s\:fs-2 {
font-size: 1.75rem;
}
.s\:fs-3 {
font-size: 1.5rem;
}
.s\:fs-4 {
font-size: 1.25rem;
}
.s\:fs-5 {
font-size: 1.125rem;
}
.s\:fs-6 {
font-size: 1rem;
}
.s\:fs-7 {
font-size: 0.875rem;
}
.s\:fs-8 {
font-size: 0.75rem;
}
}
@media (min-width: 768px) {
.m\:fs-1 {
font-size: 2.5rem;
}
.m\:fs-2 {
font-size: 1.75rem;
}
.m\:fs-3 {
font-size: 1.5rem;
}
.m\:fs-4 {
font-size: 1.25rem;
}
.m\:fs-5 {
font-size: 1.125rem;
}
.m\:fs-6 {
font-size: 1rem;
}
.m\:fs-7 {
font-size: 0.875rem;
}
.m\:fs-8 {
font-size: 0.75rem;
}
}
@media (min-width: 992px) {
.l\:fs-1 {
font-size: 2.5rem;
}
.l\:fs-2 {
font-size: 1.75rem;
}
.l\:fs-3 {
font-size: 1.5rem;
}
.l\:fs-4 {
font-size: 1.25rem;
}
.l\:fs-5 {
font-size: 1.125rem;
}
.l\:fs-6 {
font-size: 1rem;
}
.l\:fs-7 {
font-size: 0.875rem;
}
.l\:fs-8 {
font-size: 0.75rem;
}
}
@media (min-width: 1200px) {
.xl\:fs-1 {
font-size: 2.5rem;
}
.xl\:fs-2 {
font-size: 1.75rem;
}
.xl\:fs-3 {
font-size: 1.5rem;
}
.xl\:fs-4 {
font-size: 1.25rem;
}
.xl\:fs-5 {
font-size: 1.125rem;
}
.xl\:fs-6 {
font-size: 1rem;
}
.xl\:fs-7 {
font-size: 0.875rem;
}
.xl\:fs-8 {
font-size: 0.75rem;
}
}
.fw-100 {
font-weight: 100;
}
.fw-200 {
font-weight: 200;
}
.fw-300 {
font-weight: 300;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.capitalize {
text-transform: capitalize;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.underline {
text-decoration: underline;
}
.line-through {
text-decoration: line-through;
} .nexo-tops-artist {
font-size: .875rem;
font-weight: 500;
}
.program-button {
padding: 0.4rem;
font-size: .75rem;
text-transform: uppercase;
font-weight: 700;
color: #212121;
flex: 1 0 auto;
border: 0;
border-radius: 0;
background-color: #fff;
}
.nexo-tops-image-container span {
position: absolute;
z-index: 5;
font-weight: 500;
color: #fff;
font-size: 1.75rem;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, .25);
}
.player-modal button[data-close] {
position: absolute;
right: 0;
color: #ffffff;
top: -2rem;
}
#app-super .player-modal h2 {
color: #262626;
font-weight: 700;
}
#app-super .station-image {
width: 50px;
height: 50px;
border-radius: .5rem;
border: 1px solid #dc0d0d00;
padding: 0.15rem;
box-shadow: var(--shadow-l);
-o-object-fit: contain;
object-fit: contain;
}
#app-super .station-name {
white-space: nowrap;
font-size: 18px !important;
display: inline-flex;
position: relative;
}
#app-super .player-range-wrapper {
position: relative;
height: 100%;
width: 2px;
background-color: rgb(36 36 36 / 40%);
}
.dropdown {
position: absolute;
height: 140px;
background-color: rgb(255 255 255);
padding: 1.1rem;
border-radius: 10rem;
left: 50%;
box-shadow: var(--shadow-l);
transform: translateX(-50%);
bottom: calc(100% + .5rem);
transition: opacity var(--duration), transform var(--duration);
}
#app-super {
--progress-primary: #fff;
--progress-secondary: #fff;
--player-wrapper: 1140px;
}
#app-super.is-expanded .historyp-item:first-child::after {
background: var(--accent, #000);
opacity: 0.65; }
#app-super.is-expanded:has(.offcanvas-player.is-active) .player-wrapper {
left: 12rem;
}
.player-wrapper {
transition: left var(--duration);
left: 0;
}
#app-super .historyp-item:hover {
background-color: rgb(255 255 255 / 10%);
} .stream-description {
font-size: .875rem;
} #app-super.is-expanded .player .player-artwork-style {
border-radius: .375rem;
} .modal-video [data-close] {
right: -1rem;
top: -1rem;
padding: .5rem;
}
.historyp-time {
color: rgb(255 255 255 / 85%);
font-weight: 500;
}
#app-super .historyp-title {
width: 100%;
text-align: center;
padding: 1.25em;
cursor: pointer;
font-weight: 500;
font-size: 16px;
}
@media (min-width: 992px) {
.app-player .btn {
--btn-fs: 0.875vw;
--btn-padding: 0.75vw;
--i-size: 1vw;
--btn-gap: 0.5vw;
}
}
.admin-bar #app-super.is-expanded .offcanvas-player,
.admin-bar #app-super.is-expanded .player {
margin-top: 29px;
}
#app-super:not(.is-expanded) .player::before {
content: "";
height: 4px;
pointer-events: none;
background-image: linear-gradient(122deg, #3c9cdc, #37b376 38%, #46C31D 67%, #facf18);
width: var(--song-progress, 0%);
display: block;
position: absolute;
transition: width var(--long-duration);
top: -4px;
left: 0;
z-index: 1;
} .nexo-tops-artist {
font-size: .875rem;
font-weight: 500;
}
.program-button {
padding: 0.4rem;
font-size: .75rem;
text-transform: uppercase;
font-weight: 700;
color: #212121;
flex: 1 0 auto;
border: 0;
border-radius: 0;
background-color: #fff;
}
.nexo-tops-image-container span {
position: absolute;
z-index: 5;
font-weight: 500;
color: #fff;
font-size: 1.75rem;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, .25);
}
.player-modal button[data-close] {
position: absolute;
right: 0;
color: #ffffff;
top: -2rem;
}
#app-super .player-modal h2 {
color: #262626;
font-weight: 700;
}
#app-super .station-image {
width: 50px;
height: 50px;
border-radius: .5rem;
border: 1px solid #dc0d0d00;
padding: 0.15rem;
box-shadow: var(--shadow-l);
-o-object-fit: contain;
object-fit: contain;
}
#app-super .station-name {
white-space: nowrap;
font-size: 18px !important;
display: inline-flex;
position: relative;
}
#app-super .player-range-wrapper {
position: relative;
height: 100%;
width: 2px;
background-color: rgb(36 36 36 / 40%);
}
.dropdown {
position: absolute;
height: 140px;
background-color: rgb(255 255 255);
padding: 1.1rem;
border-radius: 10rem;
left: 50%;
box-shadow: var(--shadow-l);
transform: translateX(-50%);
bottom: calc(100% + .5rem);
transition: opacity var(--duration), transform var(--duration);
}
#app-super {
--progress-primary: #fff;
--progress-secondary: #fff;
--player-wrapper: 1140px;
}
#app-super.is-expanded .historyp-item:first-child::after {
background: var(--accent, #000);
opacity: 0.65; }
#app-super.is-expanded:has(.offcanvas-player.is-active) .player-wrapper {
left: 12rem;
}
.player-wrapper {
transition: left var(--duration);
left: 0;
}
#app-super .historyp-item:hover {
background-color: rgb(255 255 255 / 10%);
} .stream-description {
font-size: .875rem;
} #app-super.is-expanded .player .player-artwork-style {
border-radius: .375rem;
} .modal-video [data-close] {
right: -1rem;
top: -1rem;
padding: .5rem;
}
.historyp-time {
color: rgb(255 255 255 / 85%);
font-weight: 500;
}
#app-super .historyp-title {
width: 100%;
text-align: center;
padding: 1.25em;
cursor: pointer;
font-weight: 500;
font-size: 16px;
}
@media (min-width: 992px) {
.app-player .btn {
--btn-fs: 0.875vw;
--btn-padding: 0.75vw;
--i-size: 1vw;
--btn-gap: 0.5vw;
}
}
.admin-bar #app-super.is-expanded .offcanvas-player,
.admin-bar #app-super.is-expanded .player {
margin-top: 29px;
}
#app-super:not(.is-expanded) .player::before {
content: "";
height: 4px;
pointer-events: none;
background-image: linear-gradient(122deg, #3c9cdc, #37b376 38%, #46C31D 67%, #facf18);
width: var(--song-progress, 0%);
display: block;
position: absolute;
transition: width var(--long-duration);
top: -4px;
left: 0;
z-index: 1;
}
.show-banner {
max-width: 800px; display: flex;
align-items: center;
background-color: none;
color: #fff;
padding: 9px;
line-height: 1.15;
}
.bebas-neue-regular {
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
letter-spacing: 0.8px;
font-style: normal;
}
.montserrat-700 {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}
.montserrat-600 {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}
.montserrat-500 {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
.montserrat-400 {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
@keyframes ondas {
0% {
box-shadow: 0 0 #fff3, 0 0 0 0.625rem #fff3;
}
to {
box-shadow: 0 0 0 0.625rem #fff3, 0 0 0 1rem #fff0;
}
}
.profile-pic {
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
margin-right: 1.5rem;
flex-shrink: 0;
background-color: rgb(255 255 255 / 25%);
animation: ondas 1.4s linear infinite;
}
.profile-pic img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.live-indicator {
display: inline-block;
width: 8px;
height: 8px;
background-color: #f70d28;
border-radius: 50%;
margin-right: 5px;
animation: parpadeo 5s linear infinite;
}
@keyframes parpadeo {
0%,
10%,
20%,
100% {
opacity: 1;
}
5%,
15% {
opacity: 0;
}
}
.show-description {
font-size: 14px;
font-weight: 800;
color: white;
}
.show-title {
font-size: 28px;
color: white;
font-weight: bold;
margin: 0.25rem 0;
line-height: 1;
}
.show-direct {
font-size: 0.72rem;
font-weight: 500;
} .show-play-button:hover {
color: black;
background-color: white;
transform: scale(1.05);
}
.show-play-button {
background-color: #5e00ab;
color: #fefefe;
font-size: 13px;
transition: background-color 0.3s, transform 0.3s;
border: none;
padding: 0.5rem 1rem;
cursor: pointer;
border-radius: 3rem;
font-weight: 700;
}
.show-time {
font-size: 0.875rem;
text-transform: uppercase;
}
@media (max-width: 600px) {
.show-banner {
flex-direction: column;
text-align: center;
}
.profile-pic {
margin-right: 0;
margin-bottom: 10px;
}
.divider {
display: none;
}
.show-time {
margin-top: 10px;
}
.show-title {
font-size: 1.5rem;
}
.show-right {
margin-top: 1rem;
}
}
.divider {
width: 1px;
background-color: #fff;
height: 40px;
margin: 0 20px;
}
.nexo-tops-head{
position: relative;
}
.nexo-tops-head .nexo-tops-votes{
right: 0px;
top: 0px;
height: 100%;
flex-direction: column;
background-color: rgba(var(--nx-light-color), 0.5);
font-weight: 700;
transition-duration: 300ms;
position: absolute;
z-index: 10;
display: flex;
justify-content: center;
text-align: center;
}
.nexo-tops-head .nexo-tops-votes i{
pointer-events: none;
}
.nexo-tops-head .nexo-tops-votes.disabled,
.nexo-tops-head .nexo-tops-votes .disabled{
pointer-events: none !important;
opacity: 0.5 !important;
}
.nexo-tops-head .nexo-tops-votes button{
flex-grow: 1;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
transition-duration: 300ms;
}
.nexo-tops-head .nexo-tops-votes button[data-type="like"]{
--tw-text-opacity: 1;
color: rgb(123 199 30 / var(--tw-text-opacity));
}
.nexo-tops-head .nexo-tops-votes button[data-type="like"]:hover{
--tw-bg-opacity: 1;
background-color: rgb(123 199 30 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.nexo-tops-head .nexo-tops-votes button[data-type="dislike"]{
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.nexo-tops-head .nexo-tops-votes button[data-type="dislike"]:hover{
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
} .widget{
flex-direction: column;
gap: 0.75rem;
display: flex;
}
.widget:not(:last-child){
margin-bottom: 2rem;
}
.widget-title,
.elty-aside .widget > h2,
.elementor-widget-container h5{
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
}
.elty-search{
flex-direction: row-reverse;
gap: 1rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
display: flex;
align-items: center;
}
.elty-search input{
height: 3rem;
flex-grow: 1;
border-width: 0px;
background-color: transparent;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
outline: 2px solid transparent;
outline-offset: 2px;
}
.elty-search input::-moz-placeholder{
color: rgba(var(--nx-text-color), 0.85);
}
.elty-search input::placeholder{
color: rgba(var(--nx-text-color), 0.85);
}
.elty-socials-list{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.5rem;
display: grid;
}
.elty-socials-list li a{
flex-direction: column;
border-radius: 0.25rem;
background-color: rgba(var(--nx-light-color), 0.75);
padding: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
transition-duration: 300ms;
display: flex;
text-align: center;
}
.elty-socials-list li a:hover{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(0 0 0 / 0.25);
--tw-shadow: var(--tw-shadow-colored);
}
.elty-socials-list li a i{
font-size: 1.125rem;
line-height: 1.75rem;
} .elty-socials-list li a.facebook{
--tw-bg-opacity: 1;
background-color: rgb(59 89 153 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.elty-socials-list li a.tiktok{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.elty-socials-list li a.x-twitter{
--tw-bg-opacity: 1;
background-color: rgb(17 17 17 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.elty-socials-list li a.whatsapp{
--tw-bg-opacity: 1;
background-color: rgb(37 211 102 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.elty-socials-list li a.instagram{
--tw-bg-opacity: 1;
background-color: rgb(228 64 95 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.elty-socials-list li a.youtube{
--tw-bg-opacity: 1;
background-color: rgb(205 32 31 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.elty-socials-list li a.telegram{
--tw-bg-opacity: 1;
background-color: rgb(42 171 238 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
} .offcanvas__sidebar .widget-title{
font-size: 1rem;
line-height: 1.5rem;
}
.offcanvas__sidebar .elty-socials-list{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
display: grid;
}
.offcanvas__sidebar .elty-socials-list li a{
flex-direction: row;
gap: 0.5rem;
border-radius: 0.5rem;
align-items: center;
} .recent-posts--type1 li:not(:last-child){
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-light-color), var(--tw-border-opacity));
}
.recent-posts--type1 li a{
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 300ms;
display: block;
}
.recent-posts--type1 li a:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} .recent-posts--type2 {
--thumbnail-size: 52px;
}
.recent-posts--type2 li{
margin: -0.5rem;
border-radius: 0.5rem;
padding: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
transition-duration: 300ms;
}
.recent-posts--type2 li:not(:last-child){
margin-bottom: 1rem !important;
}
.recent-posts--type2 li a{
gap: 0.5rem;
display: flex;
align-items: flex-start;
}
.recent-posts--type2 .recent-posts__thumbnail{
height: var(--thumbnail-size);
width: var(--thumbnail-size);
overflow: hidden;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
}
.recent-posts--type2 .recent-posts__thumbnail img{
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.recent-posts--type2 .recent-posts__body{
width: calc(100% - var(--thumbnail-size));
}
.recent-posts--type2 .recent-posts__body h2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.recent-posts--type2 li:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
} .recent-posts--type3 {
--thumbnail-size: 110px;
}
.recent-posts--type3 li:not(.fasto){
display: flex;
align-items: flex-start;
}
.recent-posts--type3 li:not(:last-child){
margin-bottom: 1rem !important;
}
.recent-posts--type3 .recent-posts__thumbnail{
aspect-ratio: 16/12;
width: var(--thumbnail-size);
overflow: hidden;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
}
.recent-posts--type3 .recent-posts__thumbnail img{
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.recent-posts--type3 .recent-posts__body{
width: calc(100% - var(--thumbnail-size));
}
.recent-posts--type3 .recent-posts__body > a{
margin-bottom: 0.25rem;
height: 1.5rem;
gap: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.75rem;
font-weight: 600;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
display: inline-flex;
align-items: center;
transition-duration: 300ms;
}
.recent-posts--type3 .recent-posts__body > a:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.recent-posts--type3 .recent-posts__body > a:before {
content: "";
height: 0.5rem;
width: 0.5rem;
border-radius: 9999px;
background-color: currentColor;
}
.recent-posts--type3 li:not(.fasto) .recent-posts__body{
padding: 1rem;
padding-top: 0px;
padding-bottom: 0px;
}
.recent-posts--type3 li:not(.fasto) .recent-posts__body > a{
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.recent-posts--type3 li:not(.fasto) .recent-posts__body > a:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-hover-color), var(--tw-text-opacity));
}
.recent-posts--type3 li:not(.fasto) .recent-posts__body h2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
letter-spacing: -0.025em;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 300ms;
}
.recent-posts--type3 li:not(.fasto) .recent-posts__body h2:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.recent-posts--type3 li:not(.fasto) .recent-posts__body h2 a{
display: block;
}
.recent-posts--type3 .fasto{
height: 200px;
overflow: hidden;
border-radius: 0.5rem;
position: relative;
display: flex;
align-items: flex-end;
}
.recent-posts--type3 .fasto > a{
left: 0px;
top: 0px;
z-index: 2;
height: 100%;
width: 100%;
position: absolute;
display: block;
}
.recent-posts--type3 .fasto > a span{
font-size: 0px;
}
.recent-posts--type3 .fasto:before {
content: "";
left: 0px;
top: 0px;
z-index: 1;
height: 100%;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.recent-posts--type3 .fasto img{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 300ms;
position: absolute;
}
.recent-posts--type3 .fasto .recent-posts__body{
width: 100%;
padding: 1rem;
padding-top: 6rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.recent-posts--type3 .fasto .recent-posts__body h2{
pointer-events: none;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
letter-spacing: -0.025em;
}
.recent-posts--type3 .fasto .recent-posts__body a, .recent-posts--type3 .fasto .recent-posts__body h2{
z-index: 5;
position: relative;
}
.recent-posts--type3 .fasto:hover img{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
} .recent-posts--type4 li:not(:last-child){
margin-bottom: 1rem;
}
.recent-posts--type4 .recent-posts__body{
width: calc(100% - var(--thumbnail-size));
}
.recent-posts--type4 .recent-posts__body > a{
margin-bottom: 0.25rem;
height: 1.5rem;
gap: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.75rem;
font-weight: 600;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
display: inline-flex;
align-items: center;
transition-duration: 300ms;
}
.recent-posts--type4 .recent-posts__body > a:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.recent-posts--type4 .recent-posts__body > a:before {
content: "";
height: 0.5rem;
width: 0.5rem;
border-radius: 9999px;
background-color: currentColor;
}
.recent-posts--type4 .fasto{
height: 200px;
overflow: hidden;
border-radius: 0.5rem;
position: relative;
display: flex;
align-items: flex-end;
}
.recent-posts--type4 .fasto > a{
left: 0px;
top: 0px;
z-index: 2;
height: 100%;
width: 100%;
position: absolute;
display: block;
}
.recent-posts--type4 .fasto > a span{
font-size: 0px;
}
.recent-posts--type4 .fasto:before {
content: "";
left: 0px;
top: 0px;
z-index: 1;
height: 100%;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.recent-posts--type4 .fasto img{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 300ms;
position: absolute;
}
.recent-posts--type4 .fasto .recent-posts__body{
width: 100%;
padding: 1rem;
padding-top: 6rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.recent-posts--type4 .fasto .recent-posts__body h2{
pointer-events: none;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
letter-spacing: -0.025em;
}
.recent-posts--type4 .fasto .recent-posts__body a, .recent-posts--type4 .fasto .recent-posts__body h2{
z-index: 5;
position: relative;
}
.recent-posts--type4 .fasto:hover img{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
} .elty-section:not(:last-child){
margin-bottom: 1.5rem;
}
.elty-section__title{
margin-bottom: 1.5rem;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.elty-section__title.elty-section-6 h2{
position: relative;
}
.elty-section__title.elty-section-6 h2 span{
z-index: 2;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-body-color), var(--tw-bg-opacity));
padding-right: 1rem;
position: relative;
display: inline-block;
}
.elty-section__title.elty-section-6 h2:before {
content: "";
left: 0px;
top: 50%;
z-index: 1;
height: 0.25rem;
width: 100%;
--tw-translate-y: -50%;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
position: absolute;
} .elty-section-1{
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1140px;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
display: grid;
}
@media (min-width: 1024px){
.elty-section-1{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
.elty-section__left{
overflow: hidden;
border-radius: 0.5rem;
}
@media (min-width: 1024px){
.elty-section__left{
grid-column: span 6 / span 6;
}
}
.elty-section__left .swiper{
height: 100%;
align-items: stretch;
position: relative;
}
@media not all and (min-width: 1024px){
.elty-section__left .swiper .slider-item{
min-height: 320px;
}
}
.elty-section__left .elty-slider-pagination{
position: absolute !important;
left: initial !important;
right: 0px !important;
bottom: 0px !important;
z-index: 4;
margin: 1rem;
display: flex !important;
width: -moz-fit-content !important;
width: fit-content !important;
flex-direction: column !important;
gap: 0.5rem;
}
.elty-section__left .elty-slider-pagination span{
height: 0.5rem;
width: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
transition-duration: 300ms;
}
.elty-section__left .elty-slider-pagination span:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
opacity: 1;
}
.elty-section__left .elty-slider-pagination span.swiper-pagination-bullet-active{
height: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.elty-section__left .slider-item {
border-radius: 0;
}
.elty-section__left .slider-item__body{
padding-right: 6rem;
}
.elty-section__left .slider-item h2{
font-size: 1.5rem;
line-height: 2rem;
}
.elty-section__right{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
display: grid;
}
@media not all and (min-width: 1024px){
.elty-section__right{
display: none;
}
}
@media (min-width: 1024px){
.elty-section__right{
grid-column: span 6 / span 6;
}
}
.elty-section__right p{
display: none !important;
}
.elty-section__right > div:not(:last-child){
height: 100%;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.5rem;
display: grid;
}
.elty-section__right > div:last-child{
height: 100%;
}
.elty-section-2{
position: relative;
}
.elty-section-2 .elty-section__items:not(.swiper-initialized){
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
display: grid;
}
@media (min-width: 1024px){
.elty-section-2 .elty-section__items:not(.swiper-initialized){
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.elty-section-2 .elty-slider-pagination{
margin-top: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.elty-section-2 .elty-slider-pagination span{
height: 0.625rem;
width: 0.625rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-text-color), var(--tw-bg-opacity));
opacity: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.elty-section-2 .elty-slider-pagination span.swiper-pagination-bullet-active{
height: 0.625rem;
width: 1.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
}
.elty-section-2 .elty-slider{
position: relative;
}
.elty-section-2 .elty-slider-navigation{
pointer-events: none;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
z-index: 20;
display: flex;
align-items: center;
justify-content: space-between;
}
@media not all and (min-width: 1024px){
.elty-section-2 .elty-slider-navigation{
display: none;
}
}
.elty-section-2 .elty-slider-navigation .elty-slider-prev, 
.elty-section-2 .elty-slider-navigation .elty-slider-next{
pointer-events: auto;
margin-left: -1.5rem;
margin-right: -1.5rem;
height: 2.5rem;
width: 2.5rem;
cursor: pointer;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 300ms;
display: flex;
align-items: center;
justify-content: center;
}
.elty-section-2 .elty-slider-navigation .elty-slider-prev:hover, 
.elty-section-2 .elty-slider-navigation .elty-slider-next:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.elty-section-2 .elty-slider-navigation .elty-slider-prev.swiper-button-disabled, .elty-section-2 .elty-slider-navigation .elty-slider-next.swiper-button-disabled{
pointer-events: none;
opacity: 0;
} .elty-section-4 .elty-section__items{
display: grid;
}
.elty-section-4 .related-item{
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-light-color), var(--tw-border-opacity));
}
.elty-section-4 .related-item__thumbnail img{
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.elty-section-4 .related-item__body{
padding: 1rem;
}
.elty-header{
position: relative;
display: flex;
align-items: center;
}
.elty-header h2{
z-index: 3;
padding: 1rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
text-transform: uppercase;
}
.elty-header h2 span{
z-index: 4;
position: relative;
}
.elty-header h2:before {
content: "";
transform: skew(-10deg, 0deg);
left: 0px;
top: 0px;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
position: absolute}
.elty-header:before {
content: "";
left: 50%;
top: 50%;
height: 1px;
width: 100%;
--tw-translate-x: -50%;
--tw-translate-y: -50%;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
position: absolute;
}   .slider-item{
height: 100%;
min-height: 240px;
overflow: hidden;
border-radius: 0.5rem;
position: relative;
display: flex;
align-items: flex-end;
}
.slider-item:before {
content: "";
left: 0px;
top: 0px;
z-index: 2;
height: 100%;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.slider-item__body{
pointer-events: none;
z-index: 5;
padding: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
}
.slider-item__body > a{
pointer-events: auto;
margin-bottom: 0.25rem;
height: 1.5rem;
gap: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.75rem;
font-weight: 600;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
display: inline-flex;
align-items: center;
transition-duration: 300ms;
}
.slider-item__body > a:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.slider-item__body > a:before {
content: "";
height: 0.5rem;
width: 0.5rem;
border-radius: 9999px;
background-color: currentColor;
}
.slider-item__body h2{
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.slider-item__body p{
margin-top: 0.25rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
.slider-item img{
left: 0px;
top: 0px;
z-index: 1;
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 300ms;
position: absolute;
}
.slider-item > a{
left: 0px;
top: 0px;
z-index: 4;
height: 100%;
width: 100%;
position: absolute;
}
.slider-item > a span{
font-size: 0px;
}
.slider-item:hover img{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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));
}
.elty-section__right .slider-item__body h2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size: 1rem;
line-height: 1.25rem;
}
.elty-item{
aspect-ratio: 9/12;
overflow: hidden;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
position: relative;
display: flex;
align-items: flex-end;
}
@media (min-width: 1024px){
.elty-item{
aspect-ratio: 9/12;
}
}
.elty-item__thumbnail{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
}
.elty-item__thumbnail:before {
content:"";
pointer-events: none;
left: 0px;
top: 0px;
z-index: 5;
height: 100%;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.elty-item__thumbnail img{
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.elty-item__body{
pointer-events: none;
padding: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
z-index: 10;
}
.elty-item__body > a{
pointer-events: auto;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.elty-item__body h2{
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
letter-spacing: -0.05em;
}
@media (min-width: 1024px){
.elty-item__body h2{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.elty-item__body time{
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
}
.elty-item__meta{
margin-top: 0.25rem;
flex-wrap: wrap;
gap: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
display: flex;
align-items: center;
}
.elty-item__meta span{
gap: 0.5rem;
font-weight: 600;
display: flex;
align-items: center;
text-transform: capitalize;
}
.elty-item__meta span:after {
content: "";
height: 0.25rem;
width: 0.25rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
opacity: 0.5;
}
@media not all and (min-width: 1024px){
.elty-item__meta span:after{
display: none;
}
}
.elty-item:hover .elty-item__thumbnail img{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
}
.elty-item:hover .elty-item__body{
--tw-translate-y: -0.5rem;
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));
}
.elty-hero{
border-radius: 1rem;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(0 0 0 / 0.3);
--tw-shadow: var(--tw-shadow-colored);
position: relative;
}
.elty-hero .swiper-slide {
transition-property: all;
}
.elty-hero .elty-slider-pagination{
left: 0px;
bottom: 0px;
z-index: 5;
width: 100%;
gap: 1rem;
padding: 1.5rem;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.elty-hero .elty-slider-pagination span{
height: 0.625rem;
width: 0.625rem;
cursor: pointer;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
opacity: 0.5;
transition-duration: 300ms;
}
.elty-hero .elty-slider-pagination span.swiper-pagination-bullet-active{
opacity: 1;
}
.hero-item{
height: 360px;
overflow: hidden;
border-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 1024px){
.hero-item{
height: 460px;
}
}
.hero-item__body{
z-index: 10;
width: 100%;
max-width: 640px;
padding: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
}
@media not all and (min-width: 1024px){
.hero-item__body{
text-align: center;
}
}
.hero-item__body>a{
margin-bottom: 0.75rem;
height: 1.5rem;
gap: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.75rem;
font-weight: 600;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
display: inline-flex;
align-items: center;
transition-duration: 300ms;
}
.hero-item__body>a:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero-item__body>a:before {
content: "";
height: 0.5rem;
width: 0.5rem;
border-radius: 9999px;
background-color: currentColor;
}
.hero-item__body h2{
margin-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -0.025em;
}
@media not all and (min-width: 1024px){
.hero-item__body h2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
@media (min-width: 1024px){
.hero-item__body h2{
font-size: 1.875rem;
line-height: 2.25rem;
}
}
.hero-item__body p{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300;
line-height: 1.625;
}
.hero-item__backdrop{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
}
.hero-item__backdrop img{
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.hero-item__backdrop:before {
content: "";
left: 0px;
top: 0px;
z-index: 2;
height: 100%;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.hero-item__backdrop:after {
content: "";
left: 0px;
top: 0px;
z-index: 2;
height: 100%;
width: 100%;
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.elty-hero-thumbs {
position: absolute !important;
left: unset;
width: 420px !important;
height: 100% !important;
right: 0px;
top: 0px;
display: none;
padding: 3rem !important;
}
@media (min-width: 1024px){
.elty-hero-thumbs{
display: block;
}
}
.elty-hero-thumbs .swiper-wrapper{
justify-content: center;
}
.elty-hero-thumbs .swiper-slide {
height: auto;
border-radius: 1rem;
padding: 0.5rem;
}
.elty-hero-thumbs .swiper-slide:hover{
background-color: rgb(255 255 255 / 0.1);
opacity: 1;
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.elty-hero-thumbs .swiper-slide {
transition: all .3s;
}
.elty-hero-thumbs .swiper-slide:not(:last-child){
margin-bottom: 0.5rem;
}
.elty-hero-thumbs .swiper-slide.swiper-slide-thumb-active{
pointer-events: none;
opacity: 0.5;
}
.elty-hero-thumbs__item{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
cursor: pointer;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
padding-left: 64px;
}
.elty-hero-thumbs__item img{
left: 0px;
top: 50%;
height: 3rem !important;
width: 3rem !important;
--tw-translate-y: -50%;
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));
border-radius: 9999px !important;
position: absolute;
}
.elty-section-5{
gap: 1rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left-width: 6px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-primary-color), var(--tw-border-opacity));
background-color: rgba(var(--nx-light-color), 0.5);
padding: 1rem;
position: relative;
display: flex;
align-items: center;
}
@media not all and (min-width: 768px){
.elty-section-5{
flex-wrap: wrap;
}
}
.elty-section-5 .elty-section__header{
max-width: 100px;
}
.elty-section-5 .elty-section__header h2{
font-size: 1rem;
font-weight: 800;
line-height: 1rem;
letter-spacing: -0.025em;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
text-align: left;
text-transform: uppercase;
} .elty-section-5 .swiper{
width: 100%;
} .elty-section-5 .elty-section__items:not(.swiper-initialized){
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
display: grid;
}
@media (min-width: 768px){
.elty-section-5 .elty-section__items:not(.swiper-initialized){
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.elty-section-5 .elty-section__items:not(.swiper-initialized) .sitem:nth-child(n+5){
display: none;
}
@media screen and (max-width: 768px) {
.elty-section-5 .elty-section__items:not(.swiper-initialized) {
.sitem:nth-child(n+2)
}
}
.elty-section-5 .sitem {
--thumbnail-size: 64px;
gap: 0.5rem;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-light-color), var(--tw-bg-opacity));
padding: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
display: flex;
align-items: center;
}
.elty-section-5 .sitem__thumbnail{
height: var(--thumbnail-size);
width: var(--thumbnail-size);
border-radius: 9999px;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-primary-color), var(--tw-border-opacity));
padding: 0.125rem;
transition-duration: 300ms;
}
.elty-section-5 .sitem__thumbnail img{
height: 100%;
width: 100%;
border-radius: 9999px;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.elty-section-5 .sitem a{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
width: calc(100% - var(--thumbnail-size));
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
letter-spacing: -0.05em;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 300ms;
}
.elty-section-5 .sitem:hover .sitem__thumbnail{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
}
.elty-section-5 .sitem:hover a{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.elty-section-5 .elty-slider-navigation{
flex-direction: column;
gap: 0.25rem;
display: flex;
}
@media not all and (min-width: 768px){
.elty-section-5 .elty-slider-navigation{
display: none;
}
}
.elty-section-5 .elty-slider-navigation div{
height: 2rem;
width: 2rem;
cursor: pointer;
place-content: center;
border-radius: 0.25rem;
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
transition-duration: 300ms;
display: grid;
}
.elty-section-5 .elty-slider-navigation div:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.elty-section-5 .elty-slider-navigation div.swiper-button-disabled{
pointer-events: none;
opacity: 0.5;
}
.reels{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 1.5rem;
display: grid;
}
.reels-item{
cursor: pointer;
overflow: hidden;
border-radius: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
position: relative;
}
.reels-item img{
aspect-ratio: 9/16;
width: 100%;
transition-duration: 300ms;
display: block;
}
.reels-item__about{
left: 0px;
bottom: 0px;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
padding: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: absolute;
}
.reels-item .play{
height: 2.5rem;
width: 2.5rem;
border-radius: 9999px;
border-width: 4px;
--tw-border-opacity: 1;
border-color: rgba(var(--nx-primary-color), var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
display: inline-block;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.reels-item .play i {
transform: translateX(1px);
}
.reels-item:hover img{
opacity: 0.6;
}
.reels-wrapper{
position: relative;
}
.reels-wrapper .elty-slider-navigation{
pointer-events: none;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
}
@media not all and (min-width: 1024px){
.reels-wrapper .elty-slider-navigation{
display: none;
}
}
.reels-wrapper .elty-slider-navigation .elty-slider-prev,
.reels-wrapper .elty-slider-navigation .elty-slider-next{
pointer-events: auto;
margin-left: -1rem;
margin-right: -1rem;
height: 2.5rem;
width: 2.5rem;
cursor: pointer;
place-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 300ms;
display: grid;
}
.reels-wrapper .elty-slider-navigation .elty-slider-prev:hover,
.reels-wrapper .elty-slider-navigation .elty-slider-next:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.reels-wrapper .elty-slider-navigation .elty-slider-prev.swiper-button-disabled, .reels-wrapper .elty-slider-navigation .elty-slider-next.swiper-button-disabled{
pointer-events: none;
opacity: 0;
} .reels-modal{
inset: 0px;
z-index: 10030;
display: none;
background-color: rgb(0 0 0 / 0.85);
position: fixed;
align-items: center;
justify-content: center;
}
.reels-modal.open{
display: flex;
}
.reels-modal__wrapper{
aspect-ratio: 9/16;
max-height: 100%;
width: 100%;
max-width: 100%;
border-radius: 0.5rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 640px){
.reels-modal__wrapper{
max-height: 500px;
width: auto;
}
}
.reels-modal__content{
height: 100%;
width: 100%;
position: relative;
}
.reels-modal__content .swiper{
height: 100%;
}
.reels-modal__content .swiper-wrapper{
display: flex;
}
.reels-modal__content .swiper-slide{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.reels-modal__content .swiper-slide .reels-video{
height: 100%;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.reels-modal__content .swiper-slide .reels-video video{
aspect-ratio: 9/16;
width: 100%;
border-radius: 0.75rem;
-o-object-fit: cover;
object-fit: cover;
}
.reels-modal__content .swiper-slide .reels-video__about {
text-shadow: 0 2px 4px rgba(0,0,0, .7);
left: 0px;
bottom: 0px;
width: 100%;
--tw-translate-y: -54px;
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));
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
--tw-bg-opacity: 0.75;
padding: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 0;
position: absolute;
text-align: left;
}
.reels-modal__content .swiper-slide .reels-video:hover .reels-video__about{
opacity: 1;
}
.reels-modal__action{
position: absolute;
top: 50%;
right: -54px;
z-index: 10040;
display: flex;
height: 100%;
--tw-translate-y: -50%;
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));
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.reels-modal__action > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.reels-modal__action {
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
}
.reels-modal__action button{
height: 2.5rem;
width: 2.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.reels-modal__action .nav{
display: flex;
flex-direction: column;
}
.reels-modal__action .nav > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.reels-modal__action .nav {
display: flex;
}
.reels-modal__action .nav .prev, .reels-modal__action .nav .next{
font-size: 1.25rem;
line-height: 1.75rem;
}
.reels-modal__action .nav .prev.swiper-button-disabled, .reels-modal__action .nav .next.swiper-button-disabled{
pointer-events: none;
opacity: 0.5;
}
@media (max-width: 640px) {
.reels-modal__wrapper{
max-height: 80%;
width: 60%;
max-width: 400px;
}
}
.elty-feat{
position: relative;
}
.elty-feat .elty-slider-navigation{
right: 0px;
top: 0px;
margin: 1.5rem;
flex-direction: column;
gap: 0.5rem;
position: absolute;
z-index: 10;
display: flex;
}
.elty-feat .elty-slider-navigation .elty-slider-prev,
.elty-feat .elty-slider-navigation .elty-slider-next{
height: 2rem;
width: 2rem;
cursor: pointer;
place-content: center;
border-radius: 9999px;
background-color: rgb(0 0 0 / 0.4);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
display: grid;
}
.elty-feat .elty-slider-navigation .elty-slider-prev:hover,
.elty-feat .elty-slider-navigation .elty-slider-next:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
}
.elty-feat .elty-slider-navigation .elty-slider-prev.swiper-button-disabled, .elty-feat .elty-slider-navigation .elty-slider-next.swiper-button-disabled{
opacity: 0.25;
}
.elty-feat-item {
display: grid;
grid-template-columns: 1fr;
align-items: center;
}
@media (min-width: 1024px) {
.elty-feat-item {
grid-template-columns: 1fr 800px;
}
}
@media screen and (max-width: 1024px) {
.elty-feat-item__body {
order: 2;
}
.elty-feat-item__image {
order: 1;
}
}
.elty-feat-item__body { }
@media not all and (min-width: 1024px){
.elty-feat-item__body{
margin-left: 1rem;
margin-right: 1rem;
margin-top: -3rem;
}
}
.elty-feat-item__header{
position: relative;
z-index: 10;
}
.elty-feat-item__header .caption{
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
display: inline-block;
text-transform: uppercase;
}
@media not all and (min-width: 1024px){
.elty-feat-item__header .caption{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
@media (min-width: 1024px){
.elty-feat-item__header .caption{
margin-bottom: 0.25rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.elty-feat-item__header h2 {
box-shadow: 4px 0 0 rgb(var(--primary-color)), -12px 0 0 rgb(var(--primary-color));
white-space: pre-wrap;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
display: inline;
text-transform: uppercase;
}
@media (min-width: 1024px){
.elty-feat-item__header h2{
font-size: 34px;
line-height: 42px;
}
}
.elty-feat-item__title{
margin-bottom: 1rem;
width: 100%;
display: block;
}
@media (min-width: 1024px){
.elty-feat-item__title{
width: 160%;
}
}
.elty-feat-item__title:hover h2 {
box-shadow: 4px 0 0 #fff, -12px 0 0 #fff;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.elty-feat-item__action{
height: 48px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-text-color), var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
line-height: 48px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
display: inline-block;
text-transform: uppercase;
}
.elty-feat-item__action:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
}
.elty-feat-item__image{
height: 320px;
position: relative;
}
@media (min-width: 1024px){
.elty-feat-item__image{
height: 450px;
}
}
.elty-feat-item__image a{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
}
.elty-feat-item__image a img{
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
} .ytlistmini {
filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2));
font-family: var(--ytlist-font-family, "Montserrat", sans-serif);
}
.ytlistmini-element {
display: flex;
align-items: center;
position: relative;
}
.ytlistmini-element img {
height: 80px !important;
width: 80px !important;
-o-object-fit: cover;
object-fit: cover;
}
.ytlistmini-load-iframe {
position: absolute;
inset: 0;
}
.ytlistmini-info {
padding: 0 1rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ytlistmini-item {
background-color: var(--ytlist-bg-item, #f6f6f6);
counter-increment: ytlist-item;
display: flex;
transition: background-color 0.3s;
}
.ytlistmini-item.is-active {
--ytlist-bg-item: white;
}
.ytlistmini-item.is-active::before{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
}
.ytlistmini-item::before {
content: counter(ytlist-item);
width: 2rem;
transition: background-color 0.3s;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-text-color), var(--tw-bg-opacity));
font-weight: 800;
line-height: 80px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
flex: none;
text-align: center;
}
.ytlistmini-item + .ytlistmini-item {
margin-top: 0.5rem;
}
.ytlistmini-item:not(.is-active) .ytlistmini-iframe {
display: none;
}
.ytlistmini-content {
overflow: hidden;
}
@media (max-width: 900px) {
.ytlistmini-content {
flex: 1;
}
.ytlistmini-video {
display: none;
}
}
.ytlistmini-list {
overflow: hidden;
width: 100%;
}
.ytlistmini-video {
padding: 1rem;
background-color: var(--ytlist-bg-video, #fff);
position: relative;
aspect-ratio: 16/9;
flex: 1 0 auto;
}
.ytlistmini-video iframe {
width: 100%;
height: 100%;
}
.ytlistmini-info h3 {
font-size: 1rem;
font-weight: 800 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #212121;
margin: 0;
font-family: Montserrat, sans-serif;
}
.ytlistmini-info p {
font-size: 0.875rem;
opacity: 0.5;
color: #000;
font-weight: 500;
margin: 0.5rem 0 0;
line-height: 1;
font-family: Montserrat, sans-serif;
}
.ytlistmini-iframe {
padding: 1rem;
background-color: var(--ytlist-bg-iframe, #f6f6f6);
aspect-ratio: 16/9;
}
@media (min-width: 901px) {
.ytlistmini-item:not(.is-active) {
margin-right: 0.5rem;
}
.ytlistmini-list {
width: 40%;
}
.ytlistmini-iframe {
position: absolute;
inset: 0 0 0 auto;
background-color: #fff;
width: 60%;
}
}
.ytlistmini-iframe iframe {
width: 100%;
height: 100%;
} .ytlistlarge {
width: 100%;
filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2));
font-family: var(--ytlist-font-family, "Montserrat", sans-serif);
}
.ytlistlarge-element {
display: flex;
align-items: center;
position: relative;
}
.ytlistlarge-element img {
height: 80px !important;
width: 80px !important;
-o-object-fit: cover;
object-fit: cover;
}
.ytlistlarge-load-iframe {
position: absolute;
inset: 0;
}
.ytlistlarge-info {
padding: 0 1rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ytlistlarge-item {
background-color: var(--ytlist-bg-item, #f6f6f6);
counter-increment: ytlist-item;
display: flex;
transition: background-color 0.3s;
}
.ytlistlarge-item.is-active {
--ytlist-bg-item: white;
}
.ytlistlarge-item.is-active::before{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
}
.ytlistlarge-item::before {
content: counter(ytlist-item);
width: 2rem;
text-align: center;
transition: background-color 0.3s;
color: #fff;
line-height: 80px;
font-weight: 800;
flex: none;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-text-color), var(--tw-bg-opacity));
}
.ytlistlarge-item + .ytlistlarge-item {
margin-top: 0.5rem;
}
.ytlistlarge-item:not(.is-active) .ytlistlarge-iframe {
display: none;
}
.ytlistlarge-content {
overflow: hidden;
flex: 1;
}
.ytlistlarge-list {
overflow: hidden;
width: 100%;
}
.ytlistlarge-info h3 {
font-size: 1rem;
font-weight: 800 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #212121;
margin: 0;
font-family: Montserrat, sans-serif;
}
.ytlistlarge-info p {
font-size: 0.875rem;
opacity: 0.5;
color: #000;
font-weight: 500;
margin: 0.5rem 0 0;
line-height: 1;
font-family: Montserrat, sans-serif;
}
.ytlistlarge-iframe {
padding: 1rem;
background-color: var(--ytlist-bg-iframe, #f6f6f6);
aspect-ratio: 16/9;
}
.ytlistlarge-iframe iframe {
width: 100%;
height: 100%;
}
.schedule-header {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
margin-bottom: 1rem;
display: flex;
overflow: hidden;
background-color: #fff;
justify-content: space-evenly;
border-radius: 80px;
}
.schedule-info{
margin-left: auto;
margin-right: auto;
margin-top: 1.5rem;
width: 100%;
max-width: 48rem;
background-color: rgba(var(--nx-light-color), 0.75);
padding: 1rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
color: rgba(var(--nx-text-color), 0.75);
text-align: center;
}
.schedule-button {
padding: 1rem;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 700;
color: #212121;
flex: 1 0 auto;
border: 0;
border-radius: 0;
background-color: #fff;
line-height: normal;
}
.schedule-button:hover {
transition: background-color 0.3s;
background-color: rgba(var(--nx-light-color), 0.5);
}
.schedule-button.is-active{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media screen and (max-width: 576px) {
.schedule-button:not(.is-active) {
font-size: 0;
padding: 1rem 0.75rem;
}
.schedule-button:first-letter {
font-size: 0.75rem;
}
}
.schedule-list__wrapper {
grid-template-columns: repeat(
auto-fill,
minmax(min(100%, var(--program-cols-min, 16rem)), 1fr)
);
display: grid;
gap: 0.6rem;
padding: 0;
}
.schedule-item {
aspect-ratio: 16/9;
position: relative;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
0 2px 4px -1px rgba(0, 0, 0, 0.06);
overflow: hidden;
border-radius: 4px;
border-bottom: 6px solid rgba(var(--primary-color));
background-color: #000;
}
.schedule-item a{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
font-size: 0px;
position: absolute;
z-index: 10;
}
.schedule-item-picture {
position: absolute;
inset: 0;
}
.schedule-item-picture img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.schedule-item-content {
position: absolute;
inset: auto 0 0;
padding: 2rem 1rem 1rem;
color: #fff;
background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.75));
z-index: 5;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.schedule-item-description {
font-size: 13px;
margin: 0.25rem 0 0;
font-family: Montserrat, sans-serif;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
line-height: 1.5;
font-weight: 500;
}
.schedule-item-title {
font-weight: 800;
font-size: 1.125rem;
margin: 0;
line-height: 0.7;
font-family: Montserrat, sans-serif;
letter-spacing: normal;
}
.schedule-item-title::after {
height: 5px;
width: var(--title-program-bar-width, 0%);
content: "";
display: block;
background-image: linear-gradient(
to right,
#ff0f59 50%,
#7f07e8 100%,
#fff 100%
);
transition: width 0.5s;
}
.schedule-item.is-current {
--program-accent: rgba(var(--primary-color));
}
.schedule-item.is-current .schedule-item-content {
background-image: linear-gradient(
180deg,
transparent,
rgba(var(--primary-color))
);
}
.schedule-item::after,
.schedule-item::before {
content: "";
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.3s;
z-index: 1;
pointer-events: none;
}
.schedule-item::after {
background-color: #6b06cf;
mix-blend-mode: screen;
}
.schedule-item::before {
background-color: #47f9d5;
mix-blend-mode: multiply;
}
.schedule-item:hover::after {
opacity: 0.5;
}
.schedule-item:hover::before {
opacity: 1;
}
.schedule-item:hover {
--program-mask-hover: 0.5;
--title-program-bar-width: 100%;
}
.schedule-item.is-current .schedule-item-content::before {
content: "Al aire";
font-size: 10px;
text-transform: uppercase;
padding: 0.25rem 0.5rem;
border-radius: 25rem;
margin-bottom: 0.5rem;
display: inline-flex;
line-height: 1.5;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
font-weight: 800;
} .elementor-element:has(.elty-section-schedule) * {
flex-wrap: nowrap !important;
}
.nxradio-multiradio-section{
position: relative;
}
.nxradio-multiradio-section .elty-slider-navigation{
pointer-events: none;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
}
@media not all and (min-width: 1024px){
.nxradio-multiradio-section .elty-slider-navigation{
display: none;
}
}
.nxradio-multiradio-section .elty-slider-navigation .elty-slider-prev,
.nxradio-multiradio-section .elty-slider-navigation .elty-slider-next{
pointer-events: auto;
margin-left: -1rem;
margin-right: -1rem;
height: 2.5rem;
width: 2.5rem;
cursor: pointer;
place-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 300ms;
display: grid;
}
.nxradio-multiradio-section .elty-slider-navigation .elty-slider-prev:hover,
.nxradio-multiradio-section .elty-slider-navigation .elty-slider-next:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.nxradio-multiradio-section .elty-slider-navigation .elty-slider-prev.swiper-button-disabled, .nxradio-multiradio-section .elty-slider-navigation .elty-slider-next.swiper-button-disabled{
pointer-events: none;
opacity: 0;
}
.mtradio-items:not(.swiper):not(.is-auto-columns){
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1.5rem;
display: grid;
align-items: flex-start;
justify-content: center;
}
@media (min-width: 768px){
.mtradio-items:not(.swiper):not(.is-auto-columns){
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
.mtradio-items:not(.swiper):not(.is-auto-columns){
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.mtradio-items.is-auto-columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
justify-content: center;
}
.mtradio-items.swiper:not(.swiper-initialized){
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 1.5rem;
display: grid;
justify-content: center;
}
.mtradio-item{
height: 100%;
cursor: pointer;
align-self: stretch;
overflow: hidden;
border-radius: 0.25rem;
position: relative;
}
.mtradio-item__image{
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
position: relative;
display: block;
}
.mtradio-item__image img{
height: 100% !important;
width: 100% !important;
transform-origin: center;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
display: block;
}
.mtradio-item__image .play{
left: 50%;
top: 50%;
height: 2.5rem;
width: 2.5rem;
--tw-translate-y: -50%;
--tw-translate-x: -50%;
place-content: center;
border-radius: 9999px;
position: absolute;
display: grid;
--tw-scale-x: .75;
--tw-scale-y: .75;
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));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
opacity: 0;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mtradio-item__image .played {
right: 0px;
top: 0px;
margin: 0.3rem;
gap: 0.5rem;
border-radius: 0.25rem;
background-color: rgb(0 0 0 / 0.5);
padding: 0.5rem;
padding-top: 0.1rem;
padding-bottom: 0.23rem;
font-size: 10px;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: absolute;
z-index: 20;
display: flex;
align-items: center;
text-transform: uppercase;
}
.mtradio-item__body{
left: 0px;
bottom: 0px;
width: 100%;
flex-grow: 1;
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: transparent var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgb(0 0 0 / 0.5) var(--tw-gradient-to-position);
padding: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: absolute;
z-index: 10;
}
.mtradio-item__title{
margin-bottom: 0.25rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
--tw-translate-y: 2rem;
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));
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
letter-spacing: -0.025em;
opacity: 0;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
z-index: 10;
}
.mtradio-item__title i{
display: none;
}
.mtradio-item__desc{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
--tw-translate-y: 4rem;
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));
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
opacity: 0;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
z-index: 10;
}
.mtradio-item.is-playing.is-simple .mtradio-item__title{
--tw-text-opacity: 1 !important;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity)) !important;
}
.mtradio-item.is-playing.is-simple .mtradio-item__title i{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.mtradio-item.is-playing .mtradio-item__title i{
margin-right: 0.25rem;
display: inline;
}
.mtradio-item.is-playing.is-simple .mtradio-item__body{
position: relative;
}
.mtradio-item.is-playing.is-simple .mtradio-item__body:before {
content: "";
background-image: url(//lafieradigital.com/wp-content/themes/nexoradio/assets/img/equalizer.gif);
background-position: bottom left;
background-repeat: repeat-x;
left: 0px;
bottom: 0px;
height: 100%;
width: 100%;
opacity: 0.2;
position: absolute;
}
.mtradio-item.is-playing:not(.is-simple):before {
content: "";
background-image: url(//lafieradigital.com/wp-content/themes/nexoradio/assets/img/equalizer.gif);
background-position: bottom left;
background-repeat: repeat-x;
left: 0px;
top: 0px;
z-index: 5;
height: 100%;
width: 100%;
background-color: transparent;
opacity: 0.2;
position: absolute;
}
.mtradio-item.is-playing .play .fa-play {
display: none;
}
.mtradio-item.is-playing .play .fa-stop {
display: block;
}
.mtradio-item:not(.is-playing) .play .fa-play {
display: block;
}
.mtradio-item:not(.is-playing) .play .fa-stop {
display: none;
}
.mtradio-item:hover .mtradio-item__image .play{
--tw-scale-x: 1;
--tw-scale-y: 1;
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));
opacity: 1;
}
.mtradio-item:hover .mtradio-item__image img{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
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));
opacity: 0.5;
}
.mtradio-item:hover .mtradio-item__title{
transition-delay: 75ms;
}
.mtradio-item:hover .mtradio-item__desc{
transition-delay: 100ms;
}
.mtradio-item:hover .mtradio-item__title,
.mtradio-item:hover .mtradio-item__desc{
--tw-translate-y: 0px;
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));
opacity: 1;
}
.mtradio-item.is-simple{
flex-direction: column-reverse;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
display: flex;
}
.mtradio-item.is-simple .mtradio-item__title,
.mtradio-item.is-simple .mtradio-item__desc{
--tw-translate-y: 0px;
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));
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
opacity: 1;
}
.mtradio-item.is-simple .mtradio-item__desc{
color: rgba(var(--nx-text-color), 0.75);
}
.mtradio-item.is-simple .mtradio-item__body{
background-image: none;
padding: 1rem;
position: relative;
}
.mtradio-item.is-simple:hover .mtradio-item__title{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.nxradio-locutor-section{
position: relative;
}
.nxradio-locutor-section .elty-slider-navigation{
pointer-events: none;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
}
@media not all and (min-width: 1024px){
.nxradio-locutor-section .elty-slider-navigation{
display: none;
}
}
.nxradio-locutor-section .elty-slider-navigation .elty-slider-prev,
.nxradio-locutor-section .elty-slider-navigation .elty-slider-next{
pointer-events: auto;
margin-left: -1rem;
margin-right: -1rem;
height: 2.5rem;
width: 2.5rem;
cursor: pointer;
place-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-wrapper-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 300ms;
display: grid;
}
.nxradio-locutor-section .elty-slider-navigation .elty-slider-prev:hover,
.nxradio-locutor-section .elty-slider-navigation .elty-slider-next:hover{
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
}
.nxradio-locutor-section .elty-slider-navigation .elty-slider-prev.swiper-button-disabled, .nxradio-locutor-section .elty-slider-navigation .elty-slider-next.swiper-button-disabled{
pointer-events: none;
opacity: 0;
}
.bcast{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
display: grid;
}
@media (min-width: 1024px){
.bcast{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} .bcast-item{
overflow: hidden;
border-radius: 0.375rem;
position: relative;
}
.bcast-item > a{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
}
.bcast-item__image{
aspect-ratio: 16/19;
overflow: hidden;
position: relative;
}
.bcast-item__image img{
left: 0px;
top: 0px;
z-index: 3;
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: absolute;
}
.bcast-item__image:before {
content: "";
left: 0px;
top: 0px;
z-index: 4;
height: 100%;
width: 100%;
background-color: rgba(var(--nx-primary-color), 0.5);
opacity: 0;
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: absolute;
}
.bcast-item__image:after {
content: "";
left: 0px;
top: 0px;
z-index: 5;
height: 100%;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.bcast-item__body{
pointer-events: none;
left: 0px;
bottom: 0px;
width: 100%;
padding: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: absolute;
z-index: 20;
}
.bcast-item__title{
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
letter-spacing: -0.05em;
text-align: center;
}
.bcast-item__socials{
margin-bottom: 0.75rem;
flex-wrap: wrap;
gap: 0.375rem;
display: flex;
align-items: center;
justify-content: center;
}
.bcast-item__socials a{
pointer-events: auto;
height: 1.5rem;
width: 1.5rem;
place-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-primary-color), var(--tw-text-opacity));
transition-duration: 500ms;
display: grid;
}
.bcast-item__socials a:hover{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.bcast-item__desc{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
max-height: 0px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
transition-duration: 500ms;
text-align: center;
}
.bcast-item:hover .bcast-item__image:before{
opacity: 1;
}
.bcast-item:hover .bcast-item__image img{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
}
.bcast-item:hover .bcast-item__desc{
max-height: 62px;
} .elementor-element:has(.nxradio-locutor-section) * {
flex-wrap: nowrap !important;
}
.bighero-item{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 1rem;
position: relative;
display: flex;
text-align: center;
}
.bighero-item__wrapper{
width: 100%;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
z-index: 10;
}
.bighero-item__header{
margin-bottom: 2rem;
}
.bighero-item__title{
margin-bottom: 0.5rem;
--tw-translate-y: 2rem;
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));
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
font-size: 3.75rem;
line-height: 1;
font-weight: 800;
letter-spacing: -0.025em;
opacity: 0;
text-transform: uppercase;
}
.bighero-item__desc{
--tw-translate-y: 2rem;
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));
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
opacity: 0;
}
.bighero-item__action{
--tw-translate-y: 2rem;
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));
flex-wrap: wrap;
gap: 1rem;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
}
.bighero-item__action a{
height: 48px;
border-radius: 9999px;
padding-left: 2rem;
padding-right: 2rem;
font-weight: 600;
line-height: 48px;
transition-duration: 300ms;
text-transform: uppercase;
}
.bighero-item__action a.primary{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.bighero-item__action a.primary:hover{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-hover-color), var(--tw-bg-opacity));
}
.bighero-item__action a.secondary{
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bighero-item__action a.secondary:hover{
background-color: rgb(255 255 255 / 0.2);
}
.bighero-item__backdrop{
left: 0px;
top: 0px;
z-index: 4;
height: 100%;
width: 100%;
position: absolute;
}
.bighero-item__backdrop img{
z-index: 5;
height: 100% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
position: relative;
display: block;
}
.bighero-item__backdrop:before {
content: "";
left: 0px;
top: 0px;
z-index: 6;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
opacity: 0.5;
position: absolute;
}
.nxradio-bighero{
position: relative;
}
.nxradio-bighero .swiper-slide.swiper-slide-active .bighero-item__title,
.nxradio-bighero .swiper-slide.swiper-slide-active .bighero-item__desc,
.nxradio-bighero .swiper-slide.swiper-slide-active .bighero-item__action{
--tw-translate-y: 0px;
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));
opacity: 1;
transition-duration: 500ms;
}
.nxradio-bighero .swiper-slide.swiper-slide-active .bighero-item__desc{
transition-delay: 150ms;
}
.nxradio-bighero .swiper-slide.swiper-slide-active .bighero-item__action{
transition-delay: 300ms;
}
.nxradio-bighero .bighero-nav{
pointer-events: none;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
padding: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: absolute;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
}
.nxradio-bighero .bighero-nav__inner{
width: 100%;
max-width: 1536px;
display: flex;
align-items: center;
justify-content: space-between;
}
.nxradio-bighero .bighero-nav button{
pointer-events: auto;
transition-duration: 300ms;
}
.nxradio-bighero .bighero-nav button.swiper-button-disabled{
opacity: 0.5;
}
.nxradio-bighero .bighero-nav svg{
height: 2.25rem;
width: 2.25rem;
fill: currentColor;
} body.elementor-editor-active .nxradio-bighero .bighero-item__title,
body.elementor-editor-active .nxradio-bighero .bighero-item__desc,
body.elementor-editor-active .nxradio-bighero .bighero-item__action{
--tw-translate-y: 0px;
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));
opacity: 1;
} .elementor-element:has(.nxradio-bighero){
padding: 0px;
}
.elementor-element:has(.nxradio-bighero) .e-con-inner{
max-width: 100%;
padding: 0px;
}
.feat-program{
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.5rem;
display: grid;
}
@media (min-width: 768px){
.feat-program{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
.feat-program{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.feat-program-item{
aspect-ratio: 16/12;
overflow: hidden;
border-radius: 0.5rem;
position: relative;
display: flex;
align-items: flex-end;
}
@media (min-width: 768px){
.feat-program-item{
aspect-ratio: 16/19;
}
}
@media (min-width: 1024px){
.feat-program-item{
aspect-ratio: 16/24;
}
}
.feat-program-item .time{
pointer-events: none;
left: 0px;
top: 0px;
margin: 1rem;
border-radius: 0.5rem;
background-color: rgb(0 0 0 / 0.25);
padding: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
line-height: 1;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: absolute;
z-index: 20;
text-transform: uppercase;
}
.feat-program-item:before {
content: "";
left: 0px;
top: 0px;
z-index: 5;
height: 100%;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgba(var(--nx-primary-color), 1) var(--tw-gradient-from-position);
--tw-gradient-to: rgba(var(--nx-primary-color), 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-from-position: 20%;
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.feat-program-item__body{
width: 100%;
padding: 1.5rem;
padding-top: 4rem;
padding-bottom: 4rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: relative;
z-index: 10;
text-align: left;
}
.feat-program-item__body h2{
margin-bottom: 0.5rem;
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding-bottom: 0.5rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 800;
line-height: 1;
letter-spacing: 0em;
text-transform: uppercase;
}
.feat-program-item__body p{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
.feat-program-item a{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
z-index: 20;
}
.feat-program-item a span{
font-size: 0px;
}
.feat-program-item a:after {
content: attr(data-text);
left: 50%;
bottom: 0px;
--tw-translate-x: -50%;
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));
white-space: nowrap;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
background-color: rgb(0 0 0 / 0.15);
padding: 0.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: absolute;
z-index: 20;
display: block;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 300ms;
}
.feat-program-item a:hover:after{
background-color: rgb(0 0 0 / 0.3);
padding-top: 0.75rem;
padding-bottom: 0.75rem;
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.feat-program-item img{
left: 0px;
top: 0px;
z-index: 3;
height: 100% !important;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
} .elementor-element:has(.nxradio-featured-program) * {
flex-wrap: nowrap !important;
}
.plist {
--auto-cols-w: 250px;
}
.plist:not(.is-fluid-w){
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
display: grid;
}
@media (min-width: 768px){
.plist:not(.is-fluid-w){
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
.plist:not(.is-fluid-w){
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.plist.is-fluid-w {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--auto-cols-w), 1fr));
gap: 1.5rem;
}
.plist-wrapper{
position: relative;
} .plist-nav{
right: 0px;
top: 0px;
margin: 1.5rem;
flex-direction: column;
gap: 0.5rem;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
position: absolute;
z-index: 10;
display: flex;
align-items: flex-end;
}
.plist-nav button{
height: 2.25rem;
width: 2.25rem;
place-content: center;
border-radius: 9999px;
background-color: rgb(0 0 0 / 0.2);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-duration: 300ms;
display: grid;
}
.plist-nav button:hover{
background-color: rgb(0 0 0 / 0.5);
}
.plist-nav button.swiper-button-disabled{
opacity: 0.25;
}
.plist-nav svg{
height: 1.5rem;
width: 1.5rem;
fill: currentColor;
}
.plist-item{
overflow: hidden;
border-radius: 0.5rem;
position: relative;
display: flex;
align-items: flex-end;
}
.plist-item:not(.custom-h){
aspect-ratio: 16/18;
height: auto;
align-self: stretch;
}
.plist-item:before {
content: "";
left: 0px;
bottom: 0px;
z-index: 3;
height: 50%;
width: 100%;
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
position: absolute;
}
.plist-item__body{
pointer-events: none;
margin-bottom: 1rem;
flex-direction: column;
gap: 0.5rem;
padding: 1rem;
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
z-index: 10;
display: flex;
}
.plist-item__body h2{
margin-top: 0.125rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
max-height: 92px;
overflow: hidden;
overflow-wrap: break-word;
}
.plist-item__body h2 span {
word-wrap: break-word;
transition: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-box-decoration-break: clone;
box-sizing: border-box;
word-break: break-word;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 1.2rem;
line-height: 1rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgba(var(--nx-text-color), var(--tw-text-opacity));
}
.plist-item__meta{
gap: 0.25rem;
display: flex;
align-items: center;
}
.plist-item__meta span{
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
padding: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
line-height: 1;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.plist-item img{
left: 0px;
top: 0px;
height: 100% !important;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: absolute;
}
.plist-item a{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
padding: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
position: absolute;
z-index: 20;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.plist-item a span {
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
--tw-translate-y: 100%;
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));
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
opacity: 0;
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.plist-item:hover .plist-item__body{
--tw-translate-y: -1.5rem;
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));
opacity: 0;
}
.plist-item:hover img{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
}
.plist-item:hover span{
--tw-translate-y: 0px;
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));
opacity: 1;
}
.olist:not(.is-fluid-w){
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
display: grid;
}
@media (min-width: 768px){
.olist:not(.is-fluid-w){
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px){
.olist:not(.is-fluid-w){
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.olist.is-fluid-w {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--auto-cols-w), 1fr));
gap: 1.5rem;
} .olist-item{
overflow: hidden;
border-radius: 1rem;
padding: 1rem;
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
}
.olist-item:not(.custom-h){
height: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-top: 200px;
padding-bottom: 30px;
}
@media (min-width: 768px){
.olist-item:not(.custom-h){
padding-top: 350px;
padding-bottom: 50px;
}
}
.olist-item__meta{
margin-bottom: 0.5rem;
gap: 0.5rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}
.olist-item__meta span{
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
font-size: 0.875rem;
line-height: 1.25rem;
display: block;
}
.olist-item__body{
pointer-events: none;
max-width: 100%;
border-radius: 0.75rem;
background-color: rgb(255 255 255 / 0.25);
padding: 1.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
position: relative;
z-index: 10;
text-align: center;
}
@media (min-width: 1024px){
.olist-item__body{
max-width: 80%;
}
}
.olist-item__body h2{
font-size: 26px;
font-weight: 700;
}
.olist-item__footer{
margin-top: 0.75rem;
flex-wrap: wrap;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}
.olist-item__footer span:not(:first-child){
margin-left: 0.25rem;
}
.olist-item__footer span:not(:last-child):after {
content: "/";
margin-left: 0.25rem;
opacity: 0.5;
}
.olist-item__footer .author{
gap: 0.5rem;
display: flex;
align-items: center;
}
.olist-item__footer .author:after{
margin-left: -0.25rem !important;
}
.olist-item__footer .author img{
border-radius: 9999px;
}
.olist-item a{
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
}
.olist-item a img{
height: 100% !important;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.olist-item:hover a img{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
}
.nxradio-slider-images .slider-images{
position: relative;
}
.nxradio-slider-images .slider-images-pag{
left: 0px;
bottom: 1rem;
margin-bottom: 0.625rem;
width: 100%;
gap: 0.75rem;
position: absolute;
z-index: 50;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.nxradio-slider-images .slider-images-pag span{
height: 0.75rem;
width: 0.75rem;
cursor: pointer;
border-radius: 9999px;
background-color: rgb(255 255 255 / 0.75);
opacity: 1;
}
.nxradio-slider-images .slider-images-pag span.swiper-pagination-bullet-active{
--tw-bg-opacity: 1;
background-color: rgba(var(--nx-primary-color), var(--tw-bg-opacity));
}
.nxradio-slider-images .slider-images-nav{
pointer-events: none;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
position: absolute;
z-index: 50;
display: flex;
align-items: center;
justify-content: space-between;
}
.nxradio-slider-images .slider-images-nav button{
pointer-events: auto;
padding: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.nxradio-slider-images .slider-images-nav button.swiper-button-disabled{
opacity: 0.5;
}
.nxradio-slider-images .slider-images-nav svg{
height: 2rem;
width: 2rem;
fill: currentColor;
}
.nxradio-slider-images .slider-images .slider-image img{
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media not all and (min-width: 1024px){
.max-lg\:\!block{
display: block !important;
}
.max-lg\:gap-4{
gap: 1rem;
}
}
@media (min-width: 1024px){
.lg\:\!hidden{
display: none !important;
}
}