.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4131 .elementor-element.elementor-element-b83c2d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4131 .elementor-element.elementor-element-05df373{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:80px;--padding-left:100px;--padding-right:100px;}.elementor-4131 .elementor-element.elementor-element-05df373::before, .elementor-4131 .elementor-element.elementor-element-05df373 > .elementor-background-video-container::before, .elementor-4131 .elementor-element.elementor-element-05df373 > .e-con-inner > .elementor-background-video-container::before, .elementor-4131 .elementor-element.elementor-element-05df373 > .elementor-background-slideshow::before, .elementor-4131 .elementor-element.elementor-element-05df373 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4131 .elementor-element.elementor-element-05df373 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4131 .elementor-element.elementor-element-05df373.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4131 .elementor-element.elementor-element-5ae1d81{--display:flex;--min-height:343px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-4131 .elementor-element.elementor-element-5ae1d81:not(.elementor-motion-effects-element-type-background), .elementor-4131 .elementor-element.elementor-element-5ae1d81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1616;}.elementor-4131 .elementor-element.elementor-element-7bf941c{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4131 .elementor-element.elementor-element-4abc489 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:63px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4131 .elementor-element.elementor-element-82c20b1{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-4131 .elementor-element.elementor-element-82c20b1 p{margin-block-end:1px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4131 .elementor-element.elementor-element-c929ba9{--display:flex;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4131 .elementor-element.elementor-element-b1d5c01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4131 .elementor-element.elementor-element-f5abfaf{--spacer-size:14px;}@media(min-width:768px){.elementor-4131 .elementor-element.elementor-element-05df373{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-5ae1d81 *//* =====================================
WC SORT
THEME STYLE
===================================== */

/* WRAP */

.hero-filter{

display:flex;

align-items:center;

gap:18px;

margin-top:82px;

}

/* SHOWING */

.hero-filter span{

font-size:22px;

font-weight:600;

color:#FFF !important;

}

/* WC ORDERBY */

.hero-filter .woocommerce-ordering,

.hero-filter form.woocommerce-ordering{

margin:0;

}

/* SELECT */

.hero-filter
.woocommerce-ordering select,

.hero-filter select{

appearance:none;

-webkit-appearance:none;

-moz-appearance:none;

width:260px;

height:58px;

padding:

0 52px
0 24px;

background:

transparent;

border:

1px solid

rgba(
255,
255,
255,
.65
);

border-radius:18px;

color:#FFF;

font-size:18px;

font-weight:500;

outline:none;

cursor:pointer;

background-image:

url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E"
);

background-repeat:no-repeat;

background-position:

right 20px center;

}

/* OPTION */

.hero-filter select option{

background:#171717;

color:#FFF;

}

/* HOVER */

.hero-filter select:hover{

border-color:

rgba(
255,
255,
255,
.9
);

}

/* FOCUS */

.hero-filter select:focus{

box-shadow:

0 0 0 3px

rgba(
255,
255,
255,
.08
);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1d5c01 *//* =========================================
ALL FONT GRID
PANGRAM STYLE
========================================= */

/* ==========================
VIEW POSITION
TIGHT
========================== */

.font-view-switch{

margin-top:20px !important;

margin-bottom:-18px !important;

padding:0 !important;

justify-content:flex-start;

align-items:center;

position:relative;

z-index:5;

}

/* GRID */

.font-grid{

padding-top:0 !important;

margin-top:0 !important;

}

/* MOBILE */

@media(
max-width:767px
){

.font-view-switch{

margin-bottom:-10px !important;

}

}
/* GRID */

.font-grid{

display:grid;

grid-template-columns:
repeat(
2,
1fr
);

gap:32px;

padding:40px 0;

}

/* CARD */

.font-card{

position:relative;

height:380px;

background:

linear-gradient(
180deg,
#FFFFFF,
#F7F7F7
);

border:
1px solid #E8E8E8;

border-radius:36px;

overflow:hidden;

display:flex;

justify-content:center;

align-items:center;

padding:80px;

cursor:pointer;

text-decoration:none;

color:inherit;

transition:

all .55s

cubic-bezier(
.22,
1,
.36,
1
);

box-shadow:

0 12px 30px

rgba(
0,
0,
0,
.04
);

}

/* META */

.font-meta{

position:absolute;

left:34px;

top:32px;

font-size:18px;

font-weight:700;

color:#171717;

z-index:5;

}

/* FONT */

.font-name{

position:absolute;

left:50%;

top:50%;

transform:

translate(
-50%,
-50%
);

width:82%;

font-size:

clamp(
90px,
8vw,
150px
);

line-height:.9;

text-align:center;

color:#171717;

z-index:2;

transition:.55s;

}

/* PREVIEW */

.font-preview{

position:absolute;

left:50%;

top:50%;

transform:

translate(
-50%,
-44%
);

width:72%;

font-size:

clamp(
42px,
3vw,
64px
);

line-height:1.15;

text-align:center;

color:#FFF;

opacity:0;

z-index:3;

transition:.55s;

}

/* BADGE */

.font-badge{

position:absolute;

top:0;

right:28px;

padding:

12px 16px;

background:#00B84F;

color:#FFF;

font-size:10px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

clip-path:

polygon(
0 0,
100% 0,
100% 100%,
50% 88%,
0 100%
);

z-index:20;

}
/* ==========================
PAGINATION
MINIMAL CLEAN
========================== */

.font-pagination{

display:flex;

align-items:center;

justify-content:center;

gap:28px;

margin:

90px auto;

width:100%;

}

/* BUTTON */

.font-pagination a{

height:56px;

padding:

0 26px;

display:flex;

align-items:center;

justify-content:center;

border-radius:999px;

background:#FFF;

border:

1px solid #E5E5E5;

font-size:15px;

font-weight:600;

text-decoration:none;

color:#171717;

transition:

all .35s ease;

box-shadow:

0 8px 22px

rgba(
0,
0,
0,
.04
);

}

/* HOVER */

.font-pagination a:hover{

background:#0049ff;

border-color:#0049ff;

color:#FFF;

transform:

translateY(
-2px
);

box-shadow:

0 14px 30px

rgba(
0,
73,
255,
.18
);

}

/* PAGE */

.font-pagination .page-count{

min-width:140px;

text-align:center;

font-size:18px;

font-weight:700;

color:#171717;

letter-spacing:-.02em;

}

/* LAST PAGE */

.font-pagination a.disabled{

opacity:.35;

pointer-events:none;

}

/* DARK MODE */

body.dark-mode
.font-pagination a{

background:

rgba(
255,
255,
255,
.06
);

border:

1px solid

rgba(
255,
255,
255,
.08
);

color:#FFF;

}

body.dark-mode
.font-pagination .page-count{

color:#FFF;

}

body.dark-mode
.font-pagination a:hover{

background:#0049ff;

border-color:#0049ff;

}

/* MOBILE */

@media(
max-width:767px
){

.font-pagination{

flex-direction:column;

gap:16px;

margin:70px auto;

}

.font-pagination .page-count{

order:-1;

}

}

/* PRICE */

.font-price{

position:absolute;

right:28px;

bottom:30px;

z-index:20;

}

.font-price-meta,
.font-price-label,
.font-price-sub{

display:none;

}

.font-price-value{

font-size:30px;

font-weight:300;

color:#171717;

}

/* REMOVE BUTTON */

.font-card:after{

display:none !important;

content:none !important;

}

/* PRICE ONLY */

.font-price{

position:absolute;

right:34px;

bottom:30px;

display:flex;

align-items:center;

z-index:20;

}

.font-price-value{

font-size:30px;

font-weight:300;

line-height:1;

}

/* =====================
PANGRAM HOVER
===================== */

.font-card:hover{

background:

linear-gradient(
180deg,
#111216,
#090A0D
);

transform:

translateY(
-6px
);

box-shadow:

0 30px 80px

rgba(
0,
0,
0,
.18
);

}

/* TITLE */

.font-card:hover
.font-name{

opacity:.14;

transform:

translate(
-50%,
-50%
)

scale(
1.03
);

color:#FFF;

}

/* PREVIEW */

.font-card:hover
.font-preview{

opacity:1;

transform:

translate(
-50%,
-50%
)

scale(
1.03
);

}

/* BUTTON */

.font-card:hover:after{

background:#FFF;

color:#111;

transform:

translateY(
-2px
);

}

/* TEXT */

.font-card:hover
.font-meta,

.font-card:hover
.font-price-value{

color:#FFF;

}

/* ==========================
LIST VIEW FIX
NO RELAYOUT
========================== */

/* CARD DEFAULT */

.font-grid{

display:grid;

grid-template-columns:

repeat(
2,
1fr
);

gap:32px;

transition:none;

}

/* LIST */

.font-grid.list-view{

grid-template-columns:1fr;

gap:18px;

}

/* CARD */

.font-grid.list-view
.font-card{

height:220px;

padding:50px;

display:flex;

align-items:center;

justify-content:center;

transform:none !important;

animation:none !important;

transition:none !important;

}

/* ==========================
LIST HOVER FIX
========================== */

/* TITLE */

.font-grid.list-view
.font-name{

font-size:

clamp(
110px,
7vw,
150px
);

line-height:.9;

width:100%;

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

}

/* PREVIEW */

.font-grid.list-view
.font-preview{

position:absolute;

left:50%;

top:50%;

transform:

translate(
-50%,
-50%
);

width:92%;

font-size:

clamp(
70px,
5vw,
110px
);

line-height:.95;

white-space:nowrap;

text-align:center;

overflow:hidden;

opacity:0;

z-index:5;

}

/* HOVER */

.font-grid.list-view
.font-card:hover
.font-name{

opacity:0;

}

.font-grid.list-view
.font-card:hover
.font-preview{

opacity:1;

}
/* REMOVE EVERYTHING */

.font-grid.switching,
.font-card{

transform:none !important;

filter:none !important;

animation:none !important;

will-change:auto;

}

/* ==========================
FAST SWITCH
========================== */

.font-grid{

transition:

opacity .18s ease;

}

/* NO ANIMATION */

.font-card{

transition:none !important;

animation:none !important;

}

/* REMOVE LIST ANIMATION */

.font-grid.list-view
.font-card{

animation:none !important;

transform:none !important;

}
/* ==========================
VIEW SWITCH
IDEALEKSIS
========================== */

.font-view-switch{

display:flex;

align-items:center;

gap:14px;

margin:50px 0;

flex-wrap:wrap;

}

/* BUTTON */

.view-btn{

height:56px;

padding:0 22px;

display:flex;

align-items:center;

gap:12px;

border-radius:999px;

background:#FFF;

border:1px solid #E5E5E5;

cursor:pointer;

font-size:14px;

font-weight:600;

letter-spacing:-.02em;

color:#171717;

transition:

all .35s

cubic-bezier(
.22,
1,
.36,
1
);

box-shadow:

0 8px 22px

rgba(
0,
0,
0,
.03
);

}

/* ICON */

.view-btn svg{

width:18px;

height:18px;

stroke:currentColor;

fill:none;

stroke-width:1.8;

stroke-linecap:round;

stroke-linejoin:round;

transition:.35s;

}

/* DEFAULT HOVER */

.view-btn:hover{

background:#0049ff;

border-color:#0049ff;

color:#FFF;

transform:

translateY(
-2px
);

box-shadow:

0 14px 28px

rgba(
0,
73,
255,
.18
);

}

.view-btn:hover svg{

stroke:#FFF;

}

/* ACTIVE */

.view-btn.active{

background:#000000;

border-color:#000000;

color:#FFF;

box-shadow:

0 14px 28px

rgba(
0,
73,
255,
.18
);

}

.view-btn.active svg{

stroke:#FFF;

}

/* PRESS */

.view-btn:active{

transform:

translateY(
0
)

scale(
.98
);

}

/* DARK MODE */

body.dark-mode
.view-btn{

background:

rgba(
255,
255,
255,
.05
);

border:

1px solid

rgba(
255,
255,
255,
.08
);

color:#FFF;

box-shadow:none;

}

body.dark-mode
.view-btn:hover{

background:#0049ff;

border-color:#0049ff;

color:#FFF;

}

body.dark-mode
.view-btn.active{

background:#0049ff;

border-color:#0049ff;

color:#FFF;

}

/* MOBILE */

@media(
max-width:767px
){

.font-view-switch{

gap:10px;

margin:30px 0;

}

.view-btn{

height:50px;

padding:0 18px;

font-size:13px;

gap:10px;

}

.view-btn svg{

width:16px;

height:16px;

}

}
/* ==========================
FAST VIEW SWITCH
NO ZOOM
========================== */

.font-grid{

transition:

opacity .12s ease;

}

/* REMOVE ALL CARD ANIMATION */

.font-card{

transition:none !important;

animation:none !important;

transform:none !important;

filter:none !important;

}

/* CARD MODE */

.font-grid:not(.list-view)
.font-card{

transform:none !important;

}

/* LIST MODE */

.font-grid.list-view
.font-card{

animation:none !important;

transform:none !important;

filter:none !important;

}

/* SWITCH */

.font-grid.switching{

opacity:.25;

}
/* ==========================
KILL CARD TRANSITION
========================== */

/* ALL CARD */

.font-card,

.font-grid,

.font-grid.list-view,

.font-grid.list-view .font-card,

.font-grid:not(.list-view) .font-card{

transition:none !important;

animation:none !important;

transform:none !important;

filter:none !important;

will-change:auto !important;

}

/* HOVER ONLY */

.font-card:hover{

transform:none !important;

}

/* PREVIEW */

.font-name,

.font-preview{

transition:

opacity .12s ease !important;

}

/* REMOVE GPU */

.font-card{

backface-visibility:hidden;

perspective:none;

}
/* ==========================
LIST TEXT ONLY
========================== */

/* HIDE ORIGINAL */

.font-grid.list-view
.font-preview{

font-size:0 !important;

color:transparent;

}

/* NEW TEXT */

.font-grid.list-view
.font-preview:after{

content:

"Designed to stand out";

font-size:

clamp(
90px,
6vw,
130px
);


letter-spacing:.02em;

white-space:nowrap;

color:inherit;

}/* End custom CSS */