/* ! Reset */

body, html{ font-size: 16px; scroll-behavior: smooth; box-sizing: border-box;margin: 0;padding: 0;}
html { scroll-behavior: smooth;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
img{height: auto;}
a{text-decoration: none;}
hr{border:none;}

/* Cursor
--------------------------------------------------------- */

/* .cursor {width: 3rem;height: 3rem;background: transparent;border: 1px solid var(--pink-600);border-radius: 50%;position: absolute;transform: translate(-50%, -50%);pointer-events: none;z-index: 1031;transition: 0.3s linear;}
.cursor.hover { width: 6rem; height: 6rem;  transition: 0.3s linear;border: 1px solid var(--pink-600);} */

/* Swiper
--------------------------------------------------------- */

.swiper {width: 600px; height: 300px;}
.swiper-button-next, .swiper-button-prev {color: var(--pink-500);}

/* Typography
--------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;900&display=swap');

.title {font-weight: 900; text-transform: uppercase; font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (2056 - 320)));}
.subtitle {font-weight: normal; text-transform:capitalize; font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (2056 - 320))) !important;}


p {line-height: 1.75;}
.title-section {font-weight: 600 !important; font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (2056 - 320))); margin: 0; font-style: italic;}
.title-servicies {font-weight: 600; text-transform: uppercase; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (2056 - 320)));}

/* Button proprieties
--------------------------------------------------------- */

a {text-transform: uppercase; font-weight: 900; color: var(--black); font-size: calc(8px + (14 - 8) * ((100vw - 320px) / (2056 - 320)));}
a:hover {color: var(--zinc-800);}
a:hover, a:active, a:focus {text-decoration: none;}
.cta-primary {display: inline-block; white-space: nowrap; width: fit-content; font-weight: 800; text-transform: uppercase; padding: 0.75rem 1.25rem; color: var(--white) !important; background-color: var(--pink-600); border: 1px solid; border-color: var(--pink-600) !important; transition-duration: 0.2s;}
.cta-primary:hover, .cta-primary:active, .cta-primary:focus  {color: var(--white) !important; text-decoration: none; background-color: var(--pink-700); border: 1px solid; border-color: var(--pink-700) !important; transition-duration: 0.2s;}
.cta-secondary {display: inline-block; white-space: nowrap; width: fit-content; font-weight: 800; text-transform: uppercase; padding: 0.75rem 1.25rem; color: var(--pink-600) !important; background-color: transparent; border: 1px solid; border-color: var(--pink-600) !important; transition-duration: 0.2s;}
.cta-secondary:hover, .cta-secondary:active, .cta-secondary:focus  {color: #fff !important; background-color: var(--pink-700); border: 1px solid; border-color: var(--pink-700) !important; transition-duration: 0.2s;}
.cta-secondary-black, .input[type=submit] {display: inline-block; white-space: nowrap; width: fit-content; font-weight: 800; text-transform: uppercase; padding: 0.75rem 1.25rem; color: var(--black) !important; background-color: var(--white); border: 1px solid; border-color: var(--black) !important; transition-duration: 0.2s;}
.cta-secondary-black:hover, .cta-secondary-black:active, .cta-secondary-black:focus  {color: #fff !important; background-color: var(--zinc-800); border: 1px solid; border-color: var(--zinc-900) !important; transition-duration: 0.2s;}
/* .cta-min {font-weight: 900; text-transform: uppercase; padding: 0.5rem 1rem; color: var(--pink-600) !important; background-color: transparent; border: 1px solid; border-color: var(--pink-600) !important; transition-duration: 0.2s;}
.cta-min:hover, .cta-min:active, .cta-min:focus {color: var(--white) !important; background-color: var(--pink-700); border: 1px solid; border-color: var(--pink-700) !important; transition-duration: 0.2s;} */
.cta-invisible {display: inline-block; text-transform: lowercase; font-weight: normal; text-decoration: underline; transition-duration: 0.2s; font-size: 8px; font-size: calc(8px + (12 - 8) * ((100vw - 320px) / (2056 - 320)));}
.cta-invisible:hover, .cta-invisible:active, .cta-invisible:focus {text-transform: lowercase; color: var(--black); text-decoration: underline; transition-duration: 0.2s;}

/* btn hero */

.hover-underline-animation {display: inline-block; position: relative; color: var(--black); opacity: .15; text-transform: uppercase; font-weight: 900; white-space: nowrap;}
.hover-underline-animation:hover {color: var(--blue-500); opacity: 1; transition: transform 0.5s ease-out;}
.hover-underline-animation::after {background-color: var(--blue-500); content: ''; position: absolute;width: 100%; transform: scaleX(0);height: 3px;bottom: 0;left: 0;transform-origin: bottom right;transition: transform 0.4s ease-out;opacity: .15;}
.hover-underline-animation:hover::after {transform: scaleX(1); transform-origin: bottom left; opacity: 1;}

.btn-hvr-cyan:hover {color: var(--cyan-500);}
.btn-hvr-cyan::after {background-color: var(--cyan-500);}

.btn-hvr-magenta:hover {color: var(--rose-500);}
.btn-hvr-magenta::after {background-color: var(--rose-500);}

.btn-hvr-yellow:hover {color: var(--yellow-300);}
.btn-hvr-yellow::after {background-color: var(--yellow-300);}

.btn-hvr-red:hover {color: var(--red-600);}
.btn-hvr-red::after {background-color: var(--red-600);}

.btn-hvr-green:hover {color: var(--green-500);}
.btn-hvr-green::after {background-color: var(--green-500);}

.btn-hvr-pink:hover {color: var(--pink-500);}
.btn-hvr-pink::after {background-color: var(--pink-500);}

.btn-hvr-purple:hover {color: var(--purple-500);}
.btn-hvr-purple::after {background-color: var(--purple-500);}

.btn-hvr-grey:hover {color: var(--slate-500);}
.btn-hvr-grey::after {background-color: var(--slate-500);}

.btn-hvr-blue:hover {color: var(--blue-700);}
.btn-hvr-blue::after {background-color: var(--blue-700);}


/* Body
--------------------------------------------------------- */

.border-top {border-top: 1px solid var(--black) !important;}
.border-bottom {border-bottom: 1px solid var(--black) !important;}

.w-75 {width: 75%; margin: auto;}
.w-50 {width: 50%; margin: auto;}

.img-resize {max-width: 100%; height: 375px;}
.icon-servicies svg {height: 36px;}

@media (min-width: 992px) {.icon-servicies svg {height: 48px;}}

/* Navbar
--------------------------------------------------------- */

.custom-logo {max-width: 150px;}
.social-header {margin: 0 0.5rem;}
.navbar-nav .nav-link span {font-size: 12px; font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (2056 - 320))) !important;}
.navbar-light .navbar-nav .nav-link { color: var(--black);}
.navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.70);}
.navbar-light .navbar-toggler {border-color: transparent !important;}
.nav-link, a.dropdown-item {text-align: center; margin: 0.75rem 0;}
.dropdown-menu { color: var(--black); background-color: var(--white); border: 1px solid var(--black); border-radius: none;}
.dropdown-menu {z-index: 999;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 3px;}
.menu-item-19 {text-decoration: underline var(--pink-600) 20%;}
.button-navbar-top {font-weight: 400; text-transform: none;}
a.button-navbar-top:hover {text-decoration: underline;}
.dropdown-item.active, .dropdown-item:active { color: var(--white);text-decoration: none; background-color: var(--pink-600);}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {.nav-link, a.dropdown-item {text-align: start; margin: 0rem 0;}}

/* Navbar Bottom
--------------------------------------------------------- */
.nav-bottom {position: fixed; bottom: 0 !important; width: 100%; z-index: 100; border-top: 1px solid black; background-color: #fff;}
.nb-text {font-weight: 600 !important; margin-left: 0.25rem !important; font-size: calc(6px + (12 - 6) * ((100vw - 320px) / (2056 - 320))); margin: 0; font-style: italic;}

/* Hero Section
--------------------------------------------------------- */

/* hero proprieties */
.hero-title {font-size: calc(22px + (35 - 22) * ((100vw - 320px) / (2056 - 320)));}
.title-wrapper {max-width: 475px;}
.subtitle-hero {max-width: 350px;}
/* Icon Rotate */
.icon-btn-hero {transform: rotate(90deg);}
/* btn hero */
.btn-hero-container{padding: 2vh 0; display: block; z-index: -1031 !important;}
.fz-btn-hero {font-size: calc(16px + (32 - 16) * ((100vw - 320px) / (2056 - 320)));}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.hero-section .custom-logo { max-width: 250px;}
/* Icon Rotate */
.icon-btn-hero {transform: rotate(0deg);}}

/* Newsletter section
--------------------------------------------------------- */

/* Background proprieties */
.bg-newsletter {background-color: transparent;}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/* Background proprieties */
.bg-newsletter {background-image: url("/wp-content/themes/nextnaked/img/newsletter-bg.png "); background-repeat: no-repeat; background-size: cover;}}

/* Chi siamo section
--------------------------------------------------------- */

/* Focus font size */
.focus-number {font-size: calc(32px + (42 - 32) * ((100vw - 320px) / (2056 - 320))); font-weight: 800;}
/* Focus position / proprieties */
.focus-number:after {content: ''; display: block; width: 100%; height: 20%;  position: absolute; bottom: 8px;  z-index: -3;}
/* Focus color */
.focus-number-1:after {content: ''; background-color: var(--violet-600);}
.focus-number-2:after {content: ''; background-color: var(--zinc-500);}
.focus-number-3:after {content: ''; background-color: var(--blue-500);}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .focus-number:after {bottom: 12px;}}

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

/* cta footer */
.cta-menu-footer {display: block; text-transform: uppercase; text-align: center; padding: 0.75rem 0; font-weight: 900;}
.cta-menu-footer:hover {color: var(--slate-900);}

/* Background proprieties */
footer {background-color: transparent; font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (2056 - 320)));}
.fz-footer, .cta-menu-footer {font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (2056 - 320)));}
.fz-title-footer {font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (2056 - 320)));}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* Background proprieties */
    footer {background-image: url("/wp-content/themes/nextnaked/img/bg-footer.png"); background-repeat: no-repeat; background-size: cover;}
    .cta-menu-footer {text-align: left;}}

/* Archive
--------------------------------------------------------- */

/* .attachment-post-thumbnail {} */
.title-archive {font-weight: 800; text-transform: uppercase; font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (2056 - 320))) !important;}
.attachment-post-thumbnail {max-width: 48px;}
@media (min-width: 768px) {.attachment-post-thumbnail {max-width: 64px;}}
@media (min-width: 992px) {.attachment-post-thumbnail {max-width: 78px;}}

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

.w-carousel {max-height: 100%;}
@media (min-width: 768px) {.w-carousel {height: 100%;}}
.title_single {font-weight: 900; text-transform: uppercase; font-size: calc(18px + (32 - 18) * ((100vw - 320px) / (2056 - 320)));}
.text_single {font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (2056 - 320))) !important;}
.table {color: var(--zinc-900);}
.table td, .table th {padding: 1rem;vertical-align: middle;border-top: 1px solid var(--zinc-300);}
td, td p {text-align: center; text-transform: uppercase; font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (2056 - 320))); white-space: nowrap;}
.img-single {max-width: -webkit-fill-available;}
.icon-single {width: 32px; margin-right: 0.5rem;}
@media (min-width: 768px) {.img-single {max-width: -webkit-fill-available; width: 75%;}}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}