.elementor-57014 .elementor-element.elementor-element-57739d5:not(.elementor-motion-effects-element-type-background), .elementor-57014 .elementor-element.elementor-element-57739d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCDC4C;}.elementor-57014 .elementor-element.elementor-element-57739d5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-57014 .elementor-element.elementor-element-57739d5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-57014 .elementor-element.elementor-element-744d750{text-align:center;}.elementor-57014 .elementor-element.elementor-element-744d750 .elementor-heading-title{font-family:"Rooney Sans", Sans-serif;font-weight:600;}.elementor-57014 .elementor-element.elementor-element-5abe1829:not(.elementor-motion-effects-element-type-background), .elementor-57014 .elementor-element.elementor-element-5abe1829 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-57014 .elementor-element.elementor-element-5abe1829{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-57014 .elementor-element.elementor-element-5abe1829 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu .elementor-item{font-family:"Frontage", Sans-serif;font-size:17px;font-weight:500;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:29px;padding-right:29px;padding-top:32px;padding-bottom:32px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main .elementor-item:hover, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main .elementor-item:focus{color:#4E2C00;fill:#4E2C00;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed .elementor-item:before, .elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-underline .elementor-item:after, .elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-overline .elementor-item:before, .elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-double-line .elementor-item:before, .elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-57014 .elementor-element.elementor-element-60807ad6{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--dropdown a, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--dropdown .elementor-item, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Submariner R24 Bold", Sans-serif;font-weight:900;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-bottom-width:2px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 div.elementor-menu-toggle{color:#000000;}.elementor-57014 .elementor-element.elementor-element-60807ad6 div.elementor-menu-toggle svg{fill:#000000;}.elementor-widget-theme-site-logo .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-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-57014 .elementor-element.elementor-element-64b325f9 .elementor-icon-wrapper{text-align:center;}.elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-framed .elementor-icon, .elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-framed .elementor-icon, .elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-stacked .elementor-icon:hover{background-color:#000000;}.elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-framed .elementor-icon:hover, .elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-default .elementor-icon:hover{color:#000000;border-color:#000000;}.elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-framed .elementor-icon:hover, .elementor-57014 .elementor-element.elementor-element-64b325f9.elementor-view-default .elementor-icon:hover svg{fill:#000000;}.elementor-57014 .elementor-element.elementor-element-841176b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-57014 .elementor-element.elementor-element-841176b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-57014 .elementor-element.elementor-element-744d750{text-align:center;}.elementor-57014 .elementor-element.elementor-element-744d750 .elementor-heading-title{font-size:19px;}.elementor-57014 .elementor-element.elementor-element-60807ad6{--nav-menu-icon-size:42px;}.elementor-57014 .elementor-element.elementor-element-64b325f9 > .elementor-widget-container{padding:13px 0px 4px 0px;}.elementor-57014 .elementor-element.elementor-element-64b325f9 .elementor-icon{font-size:42px;}.elementor-57014 .elementor-element.elementor-element-64b325f9 .elementor-icon svg{height:42px;}}@media(max-width:767px){.elementor-57014 .elementor-element.elementor-element-57739d5{margin-top:-2px;margin-bottom:0px;padding:5px 5px 5px 5px;z-index:29;}.elementor-57014 .elementor-element.elementor-element-744d750{text-align:center;}.elementor-57014 .elementor-element.elementor-element-744d750 .elementor-heading-title{font-size:12px;}.elementor-57014 .elementor-element.elementor-element-5abe1829{z-index:39;}.elementor-57014 .elementor-element.elementor-element-76c2b8f8{width:23%;}.elementor-57014 .elementor-element.elementor-element-76c2b8f8 > .elementor-element-populated{margin:0px 39px 0px 0px;--e-column-margin-right:39px;--e-column-margin-left:0px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-underline .elementor-item:after, .elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-overline .elementor-item:before, .elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-double-line .elementor-item:before, .elementor-57014 .elementor-element.elementor-element-60807ad6 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--dropdown .elementor-item, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:18px;}.elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-57014 .elementor-element.elementor-element-60807ad6 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:3px !important;}.elementor-57014 .elementor-element.elementor-element-60807ad6{--nav-menu-icon-size:31px;}.elementor-57014 .elementor-element.elementor-element-32c10f41{width:50%;}.elementor-57014 .elementor-element.elementor-element-16bf5873{width:25%;}.elementor-57014 .elementor-element.elementor-element-64b325f9 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-57014 .elementor-element.elementor-element-64b325f9 .elementor-icon-wrapper{text-align:center;}.elementor-57014 .elementor-element.elementor-element-64b325f9 .elementor-icon{font-size:31px;}.elementor-57014 .elementor-element.elementor-element-64b325f9 .elementor-icon svg{height:31px;}}@media(min-width:768px){.elementor-57014 .elementor-element.elementor-element-76c2b8f8{width:83%;}.elementor-57014 .elementor-element.elementor-element-32c10f41{width:14%;}.elementor-57014 .elementor-element.elementor-element-16bf5873{width:2.333%;}}@media(max-width:1024px) and (min-width:768px){.elementor-57014 .elementor-element.elementor-element-76c2b8f8{width:15%;}.elementor-57014 .elementor-element.elementor-element-32c10f41{width:70%;}.elementor-57014 .elementor-element.elementor-element-16bf5873{width:15%;}}/* Start custom CSS for html, class: .elementor-element-aff6c49 *//************************************************************ VINO’S PICASSO – UNIVERSAL “PAINT‑AT‑HOME” KIT (CSS only) Last update: 2025‑07‑14 – full plug‑and‑play stylesheet ************************************************************/ /******** GLOBAL TOKENS **********************************/ #vp-paint-kit{ --blue:#1476d9; --blueL:#eef6ff; --yellow:#ffd700; --dark:#1a1a1a; --radius:14px; --shadow:0 4px 12px rgba(0,0,0,.12); font-family:Arial,Helvetica,sans-serif; box-sizing:border-box; } #vp-paint-kit *,#vp-paint-kit *::before,#vp-paint-kit *::after{box-sizing:inherit} /******** VISIBILITY SWITCHES ****************************/ @media(min-width:992px){#vp-mobile{display:none!important}} @media(max-width:991px){#vp-desk {display:none!important}} /******** DESKTOP (≥ 992 px) *****************************/ @media(min-width:992px){ #vp-desk{display:grid;grid-template-columns:96px 520px 1fr; gap:40px;max-width:1400px;margin:0;padding:40px 32px} /* thumbnails */ #vp-desk .thumbs{display:flex;flex-direction:column;gap:32px} #vp-desk .thumbs img{width:96px;height:96px;object-fit:cover;border-radius:8px; border:3px solid transparent;cursor:pointer;transition:.25s} #vp-desk .thumbs img.active{border-color:var(--blue)} /* hero */ #vp-desk .hero img{width:100%;border-radius:8px;object-fit:cover} /* headline & toggle */ #vp-desk h1{font-size:64px;line-height:1.05;margin:0 0 24px} #vp-desk .toggle{display:flex;gap:16px;margin:14px 0 28px} #vp-desk .toggle button{flex:1;padding:12px 0;font-size:18px;font-weight:700; border:2px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;transition:.2s} #vp-desk .toggle .sel{background:var(--blueL);border-color:var(--blue);color:var(--blue)} #vp-desk .toggle button:hover{filter:none} /* kits (accordion) */ #vp-desk .kits{display:flex;flex-direction:column;gap:18px} #vp-desk .kit{border:2px solid #ccc;border-radius:var(--radius);padding:18px 22px; cursor:pointer;transition:.2s} #vp-desk .kit.sel{border-color:var(--blue);background:var(--blueL)} #vp-desk .kit-head{display:flex;align-items:center;gap:12px} #vp-desk .name{font-weight:700;color:var(--blue)} #vp-desk .price{font-weight:700;margin-left:auto} #vp-desk .badge{background:var(--yellow);font-size:10px;font-weight:800; padding:3px 6px;border-radius:4px;margin-left:6px} #vp-desk .chev{font-size:20px;margin-left:10px;transition:.3s} #vp-desk .kit.sel .chev{transform:rotate(180deg)} #vp-desk .kbody{padding:0 2px 10px 2px;font-size:15px;line-height:1.4; height:0;opacity:0;overflow:hidden;transition:.25s} #vp-desk .kit.sel .kbody{height:auto;opacity:1} /* desktop CTA */ #vp-desk .order{margin-top:34px;width:100%;padding:22px 12px;font-size:26px; font-weight:900;background:var(--yellow);color:var(--dark); border:2px solid var(--dark);border-radius:90px;cursor:pointer;transition:.15s} #vp-desk .order:hover{filter:brightness(1.08)} } /******** MOBILE / TABLET (≤ 991 px) *********************/ @media(max-width:991px){ .wrap{max-width:560px;margin:auto;background:#fff;box-shadow:var(--shadow)} .header{padding:22px 24px 14px} .header h2{font-size:15px;font-weight:700;color:#666;margin-bottom:4px} .header h1{font-size:28px;font-weight:900;margin:0 0 10px} /* hero slider */ .hero{position:relative;overflow:hidden} .hero-box{width:100%;padding-top:100%;position:relative} .hero-track{position:absolute;inset:0;display:flex;gap:14px; margin:0 -18%;transition:.35s} .hero-slide{flex:0 0 72%;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.08)} .hero-slide img{width:100%;height:100%;object-fit:cover} .hero-dots{display:flex;gap:6px;justify-content:center;margin:8px 0 14px} .hero-dots div{width:8px;height:8px;border-radius:50%;background:#999} .hero-dots .active{background:#000} /* Single / Double */ .toggle{display:flex;gap:10px;padding:12px 24px} .toggle input{display:none} .toggle label{flex:1;text-align:center;padding:12px 0;border:2px solid #ddd; border-radius:8px;font-weight:700;cursor:pointer;background:#fff;transition:.2s} .toggle input:checked+label{border-color:var(--blue);background:var(--blueL);color:var(--blue)} .toggle label:hover{filter:none} /* accordion kits */ .kits{padding:0 24px 120px;display:flex;flex-direction:column;gap:14px} .kit{border:2px solid #ddd;border-radius:var(--radius);background:#fff; position:relative;transition:.25s} .kit.open{border-color:var(--blue);background:var(--blueL)} .badge{position:absolute;top:-12px;right:-2px;background:var(--yellow); padding:3px 8px;font-size:10px;font-weight:800;border-radius:8px 8px 0 0} .khdr{display:flex;align-items:flex-start;gap:12px;padding:16px} .radio{width:22px;height:22px;border:2px solid var(--blue);border-radius:50%; display:flex;justify-content:center;align-items:center;margin-top:2px} .radio::after{content:'';width:12px;height:12px;border-radius:50%; background:var(--blue);opacity:0} .kit.open .radio::after{opacity:1} .kname{font-size:17px;font-weight:800;color:var(--blue)} .kprice{margin-left:auto;font-size:16px;font-weight:800} .chev{font-size:18px;margin-left:6px;transition:.3s} .kit.open .chev{transform:rotate(180deg)} .kbody{padding:0 16px 16px;font-size:14px;line-height:1.45;height:0;opacity:0; overflow:hidden;transition:.3s} .kit.open .kbody{height:auto;opacity:1} /* sticky buy bar */ .bar{position:fixed;bottom:0;left:0;width:100%;background:var(--yellow); z-index:999;display:flex;align-items:center;gap:14px; padding:10px 16px;font-weight:900;flex-wrap:wrap;box-shadow:0 -2px 10px rgba(0,0,0,.15)} .qty-btn{width:34px;height:34px;border-radius:50%;border:2px solid var(--blue); background:#fff;color:var(--blue);font-size:20px;font-weight:900; display:flex;align-items:center;justify-content:center} .qty-num{min-width:26px;font-size:17px;font-weight:900;text-align:center} .bar-total{font-size:16px;white-space:nowrap} /* white CTA pill */ .bar .order{ margin-left:auto;background:#fff!important;color:#000!important; font-weight:900!important;border:2px solid #000!important;border-radius:10px; padding:13px 30px;font-size:15px;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.2s} .bar .order:hover{filter:brightness(.94)} .order .spin{ width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent; border-radius:50%;display:inline-block;margin-right:6px;animation:spin .7s linear infinite} } /* tiny phones */ @media(max-width:360px){ .qty-btn{width:30px;height:30px;font-size:18px} .bar .order{padding:12px 20px;font-size:14px} } /* ★ slider “peek” tweak – paste after existing mobile rules ★ */ @media (max-width:991px){ #vp-mobile .hero-track{ margin:0 -18%; /* full‑width swipe area */ padding:0 18%; /* equal peek left & right */ box-sizing:border-box; } } /* === make mobile slides 85% wide → ~15 % peek each side === */ @media (max-width: 991px){ /* width of a single slide */ #vp-mobile .slide{ flex: 0 0 85% !important; /* was 72 % */ } /* negative side‑margin so the slide stays centred */ #vp-mobile .track{ margin: 0 -7.5% !important; /* half of the 15 % that now peeks */ } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f0489c3 *//* ───────── UNIVERSAL “HOW IT WORKS” BLOCK ───────── */ /* This file keeps the swipe-carousel on < 768 px, and switches to a 3-wide desktop grid ≥ 768 px. */ /* ---------- MOBILE / DEFAULT ---------- */ /* (Nothing changes – your original rules stay) */ /* ---------- DESKTOP UPGRADE ---------- */ @media (min-width: 768px){ /* wider headline */ .how-it-works-title{ font-size:56px; /* desktop h-size */ margin-bottom:50px; } /* container breathes a bit more */ .how-it-works-container{ padding:80px 40px; max-width:1400px; /* nice, wide strip */ } /* step strip turns into a row – no scroll */ .how-it-works-steps{ overflow:visible; /* stop the carousel */ gap:60px; /* space between cards */ scroll-snap-type:none; /* kill snap */ justify-content:center; /* nicely centered */ } /* each card: a fixed 30 % width (3-up) */ .how-it-works-step{ flex:0 0 30%; max-width:30%; padding:28px; border-radius:24px; transition:transform .25s, box-shadow .25s; } .how-it-works-step:hover{ transform:translateY(-10px); box-shadow:0 10px 24px rgba(0,0,0,.12); } /* image fills the card top neatly */ .how-it-works-step img{ margin-bottom:24px; border-radius:20px; } /* typography tweaks inside each card */ .how-it-works-caption{ font-size:26px; margin-bottom:12px; } .how-it-works-description{ font-size:17px; line-height:1.55; } /* hide the mobile swipe arrow */ .arrow-indicator{display:none!important;} } /* ---------- OPTIONAL MINOR POLISH ---------- */ /* soft scrollbar hide for WebKit (desktop) */ @media (min-width:768px){ .how-it-works-steps::-webkit-scrollbar{display:none} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-52251f5 *//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Rooney Sans'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.vinospicasso.com/wp-content/uploads/2025/06/RooneySansRegular_12_11zon-1.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Frontage'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://www.vinospicasso.com/wp-content/uploads/2023/10/Frontage-Bold.ttf') format('truetype'); } @font-face { font-family: 'Frontage'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.vinospicasso.com/wp-content/uploads/2023/10/Frontage-Regular.ttf') format('truetype'); } @font-face { font-family: 'Frontage'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://www.vinospicasso.com/wp-content/uploads/2023/10/Frontage-Outline.ttf') format('truetype'); } @font-face { font-family: 'Frontage'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://www.vinospicasso.com/wp-content/uploads/2023/10/Frontage-3D.ttf') format('truetype'); } @font-face { font-family: 'Frontage'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://www.vinospicasso.com/wp-content/uploads/2023/10/Frontage-Bulb.ttf') format('truetype'); } @font-face { font-family: 'Frontage'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://www.vinospicasso.com/wp-content/uploads/2023/10/Frontage-Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Submariner R24 Bold'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://www.vinospicasso.com/wp-content/uploads/2024/03/submariner-r24-bold.ttf') format('truetype'); } /* End Custom Fonts CSS */