/*
Theme Name: Perplast
Theme URI: https://perplast.it
Author: Niccolò Frangioni
Author URI: N/D
Description: Tema personalizzato per il sito perplast.it (di RIED SRL ndr.)
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nextnaked
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ! Layout */
/* ----------------------------------------------------------------------------------- */


/* ! Header */
/*----------------------------------------------------------------------------------- */


/* ! Index */
/*----------------------------------------------------------------------------------- */


/* ! Single */
/*----------------------------------------------------------------------------------- */


/* ! Footer */
/*----------------------------------------------------------------------------------- */


/* ! Helpers */
/*----------------------------------------------------------------------------------- */

.img-res{width: 100%;}


/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */

input, textarea{border: 3px solid #ddd; border-radius: 3px;padding: 10px;}
/* input[type=submit], button{border: 3px solid #ddd; background: #ddd; border-radius: 3px;padding: 10px;} */


.alignfull{width: 100vw;margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw;margin-left: calc(50% - 45vw);}


/* Helpers
--------------------------------------------------------- */

.db {display: block;}
.dib {display: inline-block;}
.df {display: flex;}

/* Font Family
--------------------------------------------------------- */

.font-sans {font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.font-serif {font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;}
.font-mono {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}

/* Font Size 
--------------------------------------------------------- */

.text-xs{font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */}	
.text-sm{font-size: 0.875rem; /* 14px */line-height: 1.25rem; /* 20px */}
.text-base{font-size: 1rem; /* 16px */line-height: 1.5rem; /* 24px */}
.text-lg{font-size: 1.125rem; /* 18px */line-height: 1.75rem; /* 28px */}
.text-xl{font-size: 1.25rem; /* 20px */line-height: 1.75rem; /* 28px */}
.text-2xl{font-size: 1.5rem; /* 24px */line-height: 2rem; /* 32px */}
.text-3xl{font-size: 1.875rem; /* 30px */line-height: 2.25rem; /* 36px */}
.text-4xl{font-size: 2.25rem; /* 36px */line-height: 2.5rem; /* 40px */}
.text-5xl{font-size: 3rem; /* 48px */line-height: 1;}
.text-6xl{font-size: 3.75rem; /* 60px */line-height: 1;}
.text-7xl{font-size: 4.5rem; /* 72px */line-height: 1;}
.text-8xl{font-size: 6rem; /* 96px */line-height: 1;}
.text-9xl{font-size: 8rem; /* 128px */line-height: 1;}

.fz-6 {font-size: 6px; font-size: calc(6px + (10 - 6) * ((100vw - 320px) / (2056 - 320)));}
.fz-8 {font-size: 8px; font-size: calc(8px + (12 - 8) * ((100vw - 320px) / (2056 - 320)));}
.fz-10 {font-size: 10px; font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (2056 - 320)));}
.fz-12 {font-size: 12px; font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (2056 - 320)));}
.fz-14, p {font-size: 12px; font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (2056 - 320)));}
.fz-16 {font-size: 16px; font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (2056 - 320)));}
.fz-18 {font-size: 18px; font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (2056 - 320)));}
.fz-20, h6 {font-size: 20px; font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (2056 - 320)));}
.fz-24, h5 {font-size: 24px; font-size: calc(24px + (28 - 24) * ((100vw - 320px) / (2056 - 320)));}
.fz-28, h4 {font-size: 28px; font-size: calc(28px + (32 - 28) * ((100vw - 320px) / (2056 - 320)));}
.fz-32, h3 {font-size: 32px; font-size: calc(32px + (36 - 32) * ((100vw - 320px) / (2056 - 320)));}
.fz-36, h2 {font-size: 36px; font-size: calc(36px + (40 - 36) * ((100vw - 320px) / (2056 - 320)));}
.fz-40, h1 {font-size: 40px; font-size: calc(40px + (44 - 40) * ((100vw - 320px) / (2056 - 320)));}


/* Font Smoothing 
--------------------------------------------------------- */

.antialiased {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.subpixel-antialiased {-webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;}

/* Font Style
--------------------------------------------------------- */

.font-italic {font-style: italic;}
.font-no-italic {font-style: normal;}

/* Font Weight
--------------------------------------------------------- */

.fw-100, .font-thin{font-weight: 100;}
.fw-200, .font-extralight{font-weight: 200;}
.fw-300, .font-light{font-weight: 300;}
.fw-400, .font-regular{font-weight: 400;}
.fw-500, .font-medium{font-weight: 500;}
.fw-600, .font-semibold{font-weight: 600;}
.fw-700, .font-bold{font-weight: 700;}
.fw-800, .font-extrabold{font-weight: 800;}
.fw-900, .font-black{font-weight: 900;}

/* Letter Spacing
--------------------------------------------------------- */

.tracking-tighter {letter-spacing: -0.05em;}
.tracking-tight{letter-spacing: -0.025em;}
.tracking-normal {letter-spacing: 0em;}
.tracking-wide {letter-spacing: 0.025em;}
.tracking-wider {letter-spacing: 0.05em;}
.tracking-widest {letter-spacing: 0.1em;}

/* Line Height
--------------------------------------------------------- */

.leading-3 {line-height: .75rem; /* 12px */}
.leading-4 {line-height: 1rem; /* 16px */}
.leading-5 {line-height: 1.25rem; /* 20px */}
.leading-6 {line-height: 1.5rem; /* 24px */}
.leading-7 {line-height: 1.75rem; /* 28px */}
.leading-8 {line-height: 2rem; /* 32px */}
.leading-9 {line-height: 2.25rem; /* 36px */}
.leading-10 {line-height: 2.5rem; /* 40px */}
.leading-none {line-height: 1;}
.leading-tight {line-height: 1.25;}
.leading-snug {line-height: 1.375;}
.leading-normal {line-height: 1.5;}
.leading-relaxed {line-height: 1.625;}
.leading-loose {line-height: 2;}

/* List Style
--------------------------------------------------------- */

.list-image-none {list-style-image: none;}
.list-inside {list-style-position: inside;}
.list-outside {list-style-position: outside;}
.list-none	{list-style-type: none;}
.list-disc {list-style-type: disc;}
.list-decimal {list-style-type: decimal;}

/* Colors
--------------------------------------------------------- */

:root {
--inherit: inherit;	
--current: currentColor;
--transparent: transparent;
--black: rgb(0 0 0);
--white: rgb(255 255 255);
--slate-50: rgb(248 250 252);
--slate-100: rgb(241 245 249);
--slate-200: rgb(226 232 240);
--slate-300: rgb(203 213 225);
--slate-400: rgb(148 163 184);
--slate-500: rgb(100 116 139);
--slate-600: rgb(71 85 105);
--slate-800: rgb(30 41 59);
--slate-700: rgb(51 65 85);
--slate-900: rgb(15 23 42);
--slate-950: rgb(2 6 23);
--gray-50: rgb(249 250 251);
--gray-100: rgb(243 244 246);
--gray-200: rgb(229 231 235);
--gray-300: rgb(209 213 219);
--gray-400: rgb(156 163 175);
--gray-500: rgb(107 114 128);
--gray-600: rgb(75 85 99);
--gray-700: rgb(55 65 81);
--gray-800: rgb(31 41 55);
--gray-900: rgb(17 24 39);
--gray-950: rgb(3 7 18);
--zinc-50: rgb(250 250 250);
--zinc-100: rgb(244 244 245);
--zinc-200: rgb(228 228 231);
--zinc-300: rgb(212 212 216);
--zinc-400: rgb(161 161 170);
--zinc-500: rgb(113 113 122);
--zinc-600: rgb(82 82 91);
--zinc-700: rgb(63 63 70);
--zinc-800: rgb(39 39 42);
--zinc-900: rgb(24 24 27);
--zinc-950: rgb(9 9 11);
--neutral-50: rgb(250 250 250);
--neutral-100: rgb(245 245 245);
--neutral-200: rgb(229 229 229);
--neutral-300: rgb(212 212 212);
--neutral-400: rgb(163 163 163);
--neutral-500: rgb(115 115 115);
--neutral-600: rgb(82 82 82);
--neutral-700: rgb(64 64 64);
--neutral-800: rgb(38 38 38);
--neutral-900: rgb(23 23 23);
--neutral-950: rgb(10 10 10);
--stone-50: rgb(250 250 249);
--stone-100: rgb(245 245 244);	
--stone-200: rgb(231 229 228);	
--stone-300: rgb(214 211 209);	
--stone-400: rgb(168 162 158);	
--stone-500: rgb(120 113 108);	
--stone-600: rgb(87 83 78);	
--stone-700: rgb(68 64 60);	
--stone-800: rgb(41 37 36);	
--stone-900: rgb(28 25 23);	
--stone-950: rgb(12 10 9);	
--red-50: rgb(254 242 242);
--red-100: rgb(254 226 226);	
--red-200: rgb(254 202 202);	
--red-300: rgb(252 165 165);	
--red-400: rgb(248 113 113);	
--red-500: rgb(239 68 68);	
--red-600: rgb(220 38 38);
--red-700: rgb(185 28 28);
--red-800: rgb(153 27 27);
--red-900: rgb(127 29 29);
--red-950: rgb(69 10 10);
--orange-50: rgb(255 247 237);
--orange-100: rgb(255 237 213);
--orange-200: rgb(254 215 170);
--orange-300: rgb(253 186 116);	
--orange-400: rgb(251 146 60);
--orange-500: rgb(249 115 22);	
--orange-600: rgb(234 88 12);
--orange-700: rgb(194 65 12);
--orange-800: rgb(154 52 18);
--orange-900: rgb(124 45 18);
--orange-950: rgb(67 20 7);
--amber-50: rgb(255 251 235);
--amber-100: rgb(254 243 199);
--amber-200: rgb(253 230 138);	
--amber-300: rgb(252 211 77);
--amber-400: rgb(251 191 36);
--amber-500: rgb(245 158 11);
--amber-600: rgb(217 119 6);
--amber-700: rgb(180 83 9);
--amber-800: rgb(146 64 14);
--amber-900: rgb(120 53 15);
--amber-950: rgb(69 26 3);
--yellow-50: rgb(254 252 232);	
--yellow-100: rgb(254 249 195);	
--yellow-200: rgb(254 240 138);
--yellow-300: rgb(253 224 71);	
--yellow-400: rgb(250 204 21);
--yellow-500: rgb(234 179 8);	
--yellow-600: rgb(202 138 4);	
--yellow-700: rgb(161 98 7);	
--yellow-800: rgb(133 77 14);	
--yellow-900: rgb(113 63 18);	
--yellow-950: rgb(66 32 6);	
--lime-50: rgb(247 254 231);	
--lime-100: rgb(236 252 203);	
--lime-200: rgb(217 249 157);	
--lime-300: rgb(190 242 100);	
--lime-400: rgb(163 230 53);	
--lime-500: rgb(132 204 22);	
--lime-600: rgb(101 163 13);	
--lime-700: rgb(77 124 15);	
--lime-800: rgb(63 98 18);	
--lime-900: rgb(54 83 20);	
--lime-950: rgb(26 46 5);
--green-50: rgb(240 253 244);	
--green-100: rgb(220 252 231);	
--green-200: rgb(187 247 208);	
--green-300: rgb(134 239 172);	
--green-400: rgb(74 222 128);	
--green-500: rgb(34 197 94);	
--green-600: rgb(22 163 74);	
--green-700: rgb(21 128 61);
--green-800: rgb(22 101 52);	
--green-900: rgb(20 83 45);	
--green-950: rgb(5 46 22);	
--emerald-50: rgb(236 253 245);	
--emerald-100: rgb(209 250 229);
--emerald-200: rgb(167 243 208);	
--emerald-300: rgb(110 231 183);
--emerald-400: rgb(52 211 153);	
--emerald-500: rgb(16 185 129);	
--emerald-600: rgb(5 150 105);	
--emerald-700: rgb(4 120 87);
--emerald-800: rgb(6 95 70);	
--emerald-900: rgb(6 78 59);	
--emerald-950: rgb(2 44 34);	
--teal-50: rgb(240 253 250);
--teal-100: rgb(204 251 241);	
--teal-200: rgb(153 246 228);	
--teal-300: rgb(94 234 212);	
--teal-400: rgb(45 212 191);	
--teal-500: rgb(20 184 166);
--teal-600: rgb(13 148 136);	
--teal-700: rgb(15 118 110);
--teal-800: rgb(17 94 89);	
--teal-900: rgb(19 78 74);	
--teal-950: rgb(4 47 46);	
--cyan-50: rgb(236 254 255);	
--cyan-100: rgb(207 250 254);
--cyan-200: rgb(165 243 252);	
--cyan-300: rgb(103 232 249);	
--cyan-400: rgb(34 211 238);	
--cyan-500: rgb(6 182 212);	
--cyan-600: rgb(8 145 178);
--cyan-700: rgb(14 116 144);	
--cyan-800: rgb(21 94 117);
--cyan-900: rgb(22 78 99);	
--cyan-950: rgb(8 51 68);
--sky-50: rgb(240 249 255);	
--sky-100: rgb(224 242 254);	
--sky-200: rgb(186 230 253);
--sky-300: rgb(125 211 252);	
--sky-400: rgb(56 189 248);
--sky-500: rgb(14 165 233);	
--sky-600: rgb(2 132 199);
--sky-700: rgb(3 105 161);	
--sky-800: rgb(7 89 133);
--sky-900: rgb(12 74 110);	
--sky-950: rgb(8 47 73);
--blue-50: rgb(239 246 255);	
--blue-100: rgb(219 234 254);	
--blue-200: rgb(191 219 254);
--blue-300: rgb(147 197 253);	
--blue-400: rgb(96 165 250);	
--blue-500: rgb(59 130 246);	
--blue-600: rgb(37 99 235);	
--blue-700: rgb(29 78 216);	
--blue-800: rgb(30 64 175);
--blue-900: rgb(30 58 138);
--blue-950: rgb(23 37 84);	
--indigo-50: rgb(238 242 255);	
--indigo-100: rgb(224 231 255);	
--indigo-200: rgb(199 210 254);
--indigo-300: rgb(165 180 252);	
--indigo-400: rgb(129 140 248);	
--indigo-500: rgb(99 102 241);	
--indigo-600: rgb(79 70 229);
--indigo-700: rgb(67 56 202);	
--indigo-800: rgb(55 48 163);	
--indigo-900: rgb(49 46 129);	
--indigo-950: rgb(30 27 75);	
--violet-50: rgb(245 243 255);	
--violet-100: rgb(237 233 254);	
--violet-200: rgb(221 214 254);	
--violet-300: rgb(196 181 253);
--violet-400: rgb(167 139 250);	
--violet-500: rgb(139 92 246);
--violet-600: rgb(124 58 237);	
--violet-700: rgb(109 40 217);	
--violet-800: rgb(91 33 182);
--violet-900: rgb(76 29 149);	
--violet-950: rgb(46 16 101);	
--purple-50: rgb(250 245 255);	
--purple-100: rgb(243 232 255);	
--purple-200: rgb(233 213 255);	
--purple-300: rgb(216 180 254);	
--purple-400: rgb(192 132 252);
--purple-500: rgb(168 85 247);	
--purple-600: rgb(147 51 234);	
--purple-700: rgb(126 34 206);
--purple-800: rgb(107 33 168);
--purple-900: rgb(88 28 135);
--purple-950: rgb(59 7 100);
--fuchsia-50: rgb(253 244 255);	
--fuchsia-100: rgb(250 232 255);	
--fuchsia-200: rgb(245 208 254);	
--fuchsia-300: rgb(240 171 252);
--fuchsia-400: rgb(232 121 249);	
--fuchsia-500: rgb(217 70 239);	
--fuchsia-600: rgb(192 38 211);	
--fuchsia-700: rgb(162 28 175);	
--fuchsia-800: rgb(134 25 143);
--fuchsia-900: rgb(112 26 117);	
--fuchsia-950: rgb(74 4 78);
--pink-50: rgb(253 242 248);	
--pink-100: rgb(252 231 243);	
--pink-200: rgb(251 207 232);	
--pink-300: rgb(249 168 212);	
--pink-400: rgb(244 114 182);
--pink-500: rgb(236 72 153);
--pink-600: rgb(219 39 119);	
--pink-700: rgb(190 24 93);	
--pink-800: rgb(157 23 77);	
--pink-900: rgb(131 24 67);	
--pink-950: rgb(80 7 36);	
--rose-50: rgb(255 241 242);	
--rose-100: rgb(255 228 230);	
--rose-200: rgb(254 205 211);
--rose-300: rgb(253 164 175);
--rose-400: rgb(251 113 133);	
--rose-500: rgb(244 63 94);
--rose-600: rgb(225 29 72);	
--rose-700: rgb(190 18 60);	
--rose-800: rgb(159 18 57);	
--rose-900: rgb(136 19 55);
--rose-950: rgb(76 5 25);
}

/* Text Decoration
--------------------------------------------------------- */

.underline{text-decoration-line: underline;}
.overline{text-decoration-line: overline;}
.line-through{text-decoration-line: line-through;}
.no-underline{text-decoration-line: none;}

/* Text Decoration Style
--------------------------------------------------------- */

.decoration-solid{text-decoration-style: solid;}
.decoration-double{text-decoration-style: double;}
.decoration-dotted{text-decoration-style: dotted;}
.decoration-dashed{text-decoration-style: dashed;}
.decoration-wavy{text-decoration-style: wavy;}

/* Text Decoration Thickness
--------------------------------------------------------- */

.decoration-auto{text-decoration-thickness: auto;}
.decoration-from-font{text-decoration-thickness: from-font;}
.decoration-0{text-decoration-thickness: 0px;}
.decoration-1{text-decoration-thickness: 1px;}
.decoration-2{text-decoration-thickness: 2px;}
.decoration-4{text-decoration-thickness: 4px;}
.decoration-8{text-decoration-thickness: 8px;}

/* Text Underline Offset
--------------------------------------------------------- */

.underline-offset-auto{text-underline-offset: auto;}
.underline-offset-0{text-underline-offset: 0px;}
.underline-offset-1{text-underline-offset: 1px;}
.underline-offset-2{text-underline-offset: 2px;}
.underline-offset-4{text-underline-offset: 4px;}
.underline-offset-8{text-underline-offset: 8px;}

/* Text Transform
--------------------------------------------------------- */

.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}
.normal-case{text-transform: none;}

/* Text Overflow
--------------------------------------------------------- */

.truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-ellipsis{text-overflow: ellipsis;}
.text-clip{text-overflow: clip;}

/* Text Word Break
--------------------------------------------------------- */

.break-normal{overflow-wrap: normal; word-break: normal;}
.break-words{overflow-wrap: break-word;}
.break-all{word-break: break-all;}
.break-keep{word-break: keep-all;}

/* Transform Scale
--------------------------------------------------------- */

.scale-0{transform: scale(0);}
.scale-x-0{transform: scaleX(0);}
.scale-y-0{transform: scaleY(0);}
.scale-50{transform: scale(.5);}
.scale-x-50{transform: scaleX(.5);}	
.scale-y-50{transform: scaleY(.5);}	
.scale-75{transform: scale(.75);}	
.scale-x-75{transform: scaleX(.75);}	
.scale-y-75{transform: scaleY(.75);}	
.scale-90{transform: scale(.9);}	
.scale-x-90{transform: scaleX(.9);}	
.scale-y-90{transform: scaleY(.9);}	
.scale-95{transform: scale(.95);}	
.scale-x-95{transform: scaleX(.95);}	
.scale-y-95{transform: scaleY(.95);}	
.scale-100{transform: scale(1);}	
.scale-x-100{transform: scaleX(1);}	
.scale-y-100{transform: scaleY(1);}	
.scale-105{transform: scale(1.05);}	
.scale-x-105{transform: scaleX(1.05);}	
.scale-y-105{transform: scaleY(1.05);}	
.scale-110{transform: scale(1.1);}	
.scale-x-110{transform: scaleX(1.1);}	
.scale-y-110{transform: scaleY(1.1);}	
.scale-125{transform: scale(1.25);}	
.scale-x-125{transform: scaleX(1.25);}	
.scale-y-125{transform: scaleY(1.25);}	
.scale-150{transform: scale(1.5);}	
.scale-x-150{transform: scaleX(1.5);}	
.scale-y-150{transform: scaleY(1.5);}	

/* Transform Rotate
--------------------------------------------------------- */

.rotate-0{transform: rotate(0deg);}
.rotate-1{transform: rotate(1deg);}
.rotate-2{transform: rotate(2deg);}	
.rotate-3{transform: rotate(3deg);}	
.rotate-6{transform: rotate(6deg);}	
.rotate-12{transform: rotate(12deg);}	
.rotate-45{transform: rotate(45deg);}	
.rotate-90{transform: rotate(90deg);}	
.rotate-180{transform: rotate(180deg);}	

/* Z-index
--------------------------------------------------------- */
.z-index-more-lower {z-index: -999;}
.z-index-lower {z-index: -5;}
.z-index-low {z-index: -1;}
.z-index-base {z-index: 0;}
.z-index-top {z-index: 1;}
.z-index-topper {z-index: 5;}
.z-index-more-topper {z-index: 999;}

/* Variable UI GUIDES
--------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, span, a{font-family: 'Inter', sans-serif !important;}

.white-color {color: #fff;}
.black-color {color: #000;}
.color-magenta {color: #E6007E;}
.color-blue {color: #009FE3;}
.color-yellow {color: #FFED00;}
.color-green {color: #3FA535;}
.color-pink {color: #E68699;}
.color-dark-blue {color: #283583;}
.color-orange {color: #E9531D;}
.color-light-purple {color: #974292;}
.color-red {color: #E73743;}
.color-grey {color: #C2C6C9;}