.envato-kit-102-phone-overlay {
position: absolute !important;
display: block !important;
top: 0%;
left: 0%;
right: 0%;
margin: auto;
z-index: 1;
}  .envato-block__preview{overflow: visible;} .elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
text-align: center;
}
.envato-kit-141-top-0 h1,
.envato-kit-141-top-0 h2,
.envato-kit-141-top-0 h3,
.envato-kit-141-top-0 h4,
.envato-kit-141-top-0 h5,
.envato-kit-141-top-0 h6,
.envato-kit-141-top-0 p {
margin-top: 0;
}
.envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.envato-kit-141-bottom-0 p {
margin-bottom: 0;
}
.envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
margin-bottom: .5rem;
}
.envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container {
padding-bottom: 52px;
}
.envato-kit-141-display-inline {
display: inline-block;
}
.envato-kit-141 .elementor-slick-slider ul.slick-dots {
bottom: -40px;
} .cli-switch .cli-slider:after {
top: 9px;
}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
background : #252525 !important;
}
table tbody tr:hover>td, table tbody tr:hover>th{
background-color : #252525;
}
.grecaptcha-badge { 
visibility: hidden;
}
em br{
display: none;
}
#section-language{
z-index: 100;
}
@media (min-width: 1025px){
.wpml-ls-menu-item{
display: none !important;
}
}
@media (max-width: 1024px){
.wpml-ls-menu-item{
display: inline-block !important;
width: auto !important;
}
.wpml-ls-menu-item a{
padding: 9px !important;
margin-top: 20px;
}
.wpml-ls-menu-item a img{
height: 18px;
}
} html, body {
overflow-x: hidden;
}
body {
overflow-y: hidden;
background-color: var(--e-global-color-6220763);
}
.post-tags{
display: none;
}
.custom-container-page{
background-image: radial-gradient(circle at center 900px, #7a8392 0%, #0b0e15 10%);
}
.custom-container-page-artists{
background-image: radial-gradient(circle at center 500px, #7a8392 0%, #0b0e15FF 800px);
}
.custom-container-page-single-artist{
background-image: radial-gradient(circle at center 800px, #7a8392 0%, #0b0e15FF 900px);
}
.custom-container-page-single-artist:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
background-image: url(//tatuaggitorino.it/wp-content/uploads/2024/12/effetto-inchiostro-roteante.png);
background-repeat: no-repeat;
background-size: 900px;
background-position: calc(50vw + 270px) 1200px;
}
.custom-container-page-contact{
background-image: radial-gradient(circle at center 900px, #7a8392 0%, #0b0e15 70%);
}
.custom-container-page-style{
background: radial-gradient(circle farthest-side at top right, #7A8392 0%, #0B0E15 1300px);
}
.custom-container-page-404{
background-image: radial-gradient(circle at center 750px, #7a8392 0%, #0b0e15FF 700px)
}
@keyframes graytocolor {
from{
filter: grayscale(100%) sepia(0) hue-rotate(0);
}
to{
filter: grayscale(0) sepia(0) hue-rotate(0);
}
}
@keyframes graytocolorreverse {
from{
filter: grayscale(0) sepia(0) hue-rotate(0);
}
to{
filter: grayscale(100%) sepia(0) hue-rotate(0);
}
}
@keyframes graytocolorborder {
from{
filter: grayscale(100%) sepia(0) hue-rotate(0);
border: 1px solid var(--e-global-color-text);
}
50% {
border: 4px solid var(--e-global-color-primary) !important;
}
to{
filter: grayscale(0) sepia(0) hue-rotate(0);
border: 4px solid var(--e-global-color-primary) !important;
}
}
@keyframes graytocolorborderreverse {
from{
filter: grayscale(0) sepia(0) hue-rotate(0);
border: 4px solid var(--e-global-color-primary) !important;
}
50% {
border: 1px solid var(--e-global-color-text);
}
to{
filter: grayscale(100%) sepia(0) hue-rotate(0);
border: 1px solid var(--e-global-color-text);
}
}
.gallery-custom figure:hover{
filter: initial;
margin-top: -10px !important;
animation: graytocolorborder 1s;
border: 4px solid var(--e-global-color-primary) !important;
}
.gallery-custom figure{
animation: graytocolorborderreverse 1s;
display: flex !important;
align-items: center;
max-height: 190px;
overflow: hidden;
transition: border 0.3s;
border: 1px solid var(--e-global-color-text); filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-webkit-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-moz-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
}
.gallery-custom .swiper{
padding: 10px 0;
}
.gallery-custom .swiper-slide{
overflow: visible;
}
.gallery-custom img{
width: 100%;
border: 0 !important;
}
.gallery-custom .gallery{
display: flex;
justify-content: space-around;
}
.gallery-custom-small .e-gallery-image{
border: 1px solid white;
}
.custom-gallery-artist{
padding: 0;
}
.custom-gallery-artist .elementor-gallery__titles-container{
padding: 10px 160px 10px 10px !important;
}
.custom-gallery-artist .elementor-gallery__container{
margin: 0 190px 0 50px;
background-image: url(https://new.tattoostorino.it/wp-content/uploads/2024/12/rettangolo-sfondo.png);
background-position: 50% 60px;
background-repeat: no-repeat;
background-size: 80% auto;
}
.title-sign::before{
content: '';
width: 100%;
height:0;
border-bottom: 11px solid #4A5264;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
position:absolute;
top:-10px;
left: 0;
}
.title-sign-vertical{
writing-mode: vertical-lr;
text-orientation: upright;
}
.title-sign-vertical-1::before{
height: 100%;
width: 0;
top: 0;
right: -10px;
border-right: 0;
border-left: 11px solid #4A5264;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.title-sign-vertical-2::before{
height: 100%;
width: 0;
top: 0;
right: -5px;
border-right: 0;
border-left: 6px solid #4A5264;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.title-sign-vertical-3::before{
height: 100%;
width: 0;
top: 0;
left: -5px;
border-left: 0;
border-right: 6px solid #4A5264;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.title-sign-vertical-4::before{
height: 100%;
width: 0;
top: 0;
left: -10px;
border-left: 0;
border-right: 11px solid #4A5264;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.title-sign-vertical .elementor-heading-title{
letter-spacing: -10px;
}
.custom-review-slider cite{
margin-top: auto;
padding-bottom: 10px;
}
.custom-form label{
margin: 0 !important;
}
.custom-form input{
padding: 15px 25px !important;
}
.custom-form select{
-moz-appearance:none !important;
-webkit-appearance: none !important; 
appearance: none !important;
}
.form-choose-studio {
display: flex;
flex-direction: column;
padding: 25px;
}
.form-choose-studio > .contact-tattoo-artist-name{
display: none;
}
.form-choose-studio > .fake-artist-name{
font-family: "Alegreya Sans SC";
font-size: 35px;
font-weight: 400;
color: var(--e-global-color-eb43838);
line-height: 1em;
text-align: center;
}
.form-choose-studio > img{
margin: 0;
max-height: 190px !important;
}
.load-more-gallery{
cursor: pointer;
}
.custom-gallery-home .elementor-gallery__titles-container{
background-color: var(--e-global-color-6220763);
border: 1px solid var(--e-global-color-a34c3b3);
padding: 10px;
margin-bottom: 100px;
}
body:not(.elementor-editor-active) .custom-gallery-home .elementor-gallery-item {
display: none;
}
body .custom-gallery-home .elementor-gallery-item.visible {
display: block;
}
.artist-element{
background-image: radial-gradient(circle farthest-side at 45% 40%, #7a839277 0%, #0b0e1500 40%);
height: 100%;
max-width: 400px;
}
.artist-element img{
max-height: 500px;
}
.text-gradient-gray h1,
.text-gradient-gray h3,
.text-gradient-gray div{
background: radial-gradient(circle farthest-corner at top left, #D1D5D8 20%, #7C7F86 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.elementor-testimonial__title,
.elementor-testimonial__text,
.tattoo-styles-item, .tattoo-styles-title a, .tattoo-styles-item a,
.tattoo-styles-value,
.long-text-gradient-gray > div,
.long-text-gradient-gray h5,
.long-text-gradient-gray p{
background: linear-gradient(to right, #D1D5D8 50%, #7C7F86 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.elementor-widget-text-editor > div > ul a,
.elementor-widget-text-editor > div > p a{
-webkit-text-fill-color: initial;
background: initial;
color: var(--e-global-color-primary);
position: relative;
}
.elementor-widget-text-editor > div > ul a:hover,
.elementor-widget-text-editor > div > p a:hover{
color: var(--e-global-color-primary);
}
.style-list-element:before{
content: '';
width: 100%;
height: 340px;
top: 90px;
background-color: var(--e-global-color-6220763);
border: 1px solid var(--e-global-color-a34c3b3);
}
.style-list-element .arm-image-style{
filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-webkit-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-moz-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
animation: graytocolorreverse 1s;
}
.style-list-element> div:first-of-type{
transition: 0.5s;
}
.style-list-element:hover > div:first-of-type{
width: 62%;
}
.style-list-element:hover .arm-image-style{
filter:none;
animation: graytocolor 1s;
}
.artist-image-style-container{
width: fit-content;
}
.artist-image-style{
width: fit-content;
background-color: var(--e-global-color-6220763);
border: 1px solid var(--e-global-color-a34c3b3);
}
.artist-image-style img{
max-height: 310px;
}
.form-newsletter .elementor-form-fields-wrapper{
flex-wrap: nowrap !important;
}
.form-newsletter .elementor-field-group{
padding: 0 !important;
}
.form-newsletter .elementor-field-type-email input{
border-radius: 5px 0 0 5px !important;
}
.form-newsletter .elementor-field-type-submit{
justify-content: left;
width: fit-content;
}
.radial-bg-blue-brown{
background: linear-gradient(to bottom, #0B0E15 10%, #706C68 60%, #0B0E15 100%);
}
.radial-bg-blue-brown-style{
background: linear-gradient(to bottom, #0B0E15 0, #706C6877 1100px, #0B0E15 1300px);
z-index: 0 !important;
}
.hours-fieldset fieldset{
border: 1px solid var(--e-global-color-primary) !important;
border-radius: 16px;
height:185px;
}
.hours-fieldset fieldset legend{
padding: 20px;
margin-left: -35px;
font-family: "Poppins", Sans-serif;
font-size: 22px;
}
.elementor-gallery-item{
filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-webkit-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-moz-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
transition: 1s;
animation: graytocolorreverse 1s;
}
.elementor-gallery-item:hover{
filter:none;
animation: graytocolor 1s;
}
.elementor-gallery-item .e-gallery-image{
transition: 1s;
background-size: 100%;
}
.elementor-gallery-item:hover .e-gallery-image{ background-size: 110%;
}
.elementor-gallery-item__overlay{
display: none !important;
}
.force-link-color a{
color:#D1D5D8;
text-decoration: none;
}
.gallery-second-filter{
display: flex;
justify-content: center;
margin-bottom: 80px;
margin-top: -70px;
margin-right: 160px;
}
.gallery-second-filter > div{
padding: 4px 8px;
margin: 0 12px;
background-color: #171B23;
border: 1px solid #202630;
border-radius: 5px;
color: #D1D5D8;
font-family: "Poppins", Sans-serif;
font-size: 9px;
cursor: pointer;
}
.gallery-second-filter > div.active{
background-color: #E14462;
} .artist-image img{
height: auto !important;
max-height: 650px;
}
.width-fit-content h3{
width: fit-content !important;
}
.point-before-text{
position: relative;
padding-left: 20px;
}
.point-before-text::before {
content: "•"; margin-right: 8px; font-size: 20px; color: white; position: absolute;
left: 0;
}
.container-vetrina{
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.container-vetrina::-webkit-scrollbar {
display: none;
}
.vetrina-element{
min-width: 330px;
}
.vetrina-home{
filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-webkit-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-moz-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
transition: 1s transform;
overflow: hidden;
animation: graytocolorreverse 1s;
}
.vetrina-home::before { 
content:"";
position:absolute; top:0;right:0;bottom:0;left:0;
background:inherit;
transition:inherit;
}
.vetrina-home:hover { 
filter: none;
animation: graytocolor 1s;
}
.vetrina-home:hover::before { 
filter: none;
transform: scale(1.05);
}
body .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li .sub-menu{
min-width: 250px !important;
left: 50% !important;
transform: translate(-50%, 0);
}
.loop-grid-artist .page-numbers{
width: 13px;
height: 13px;
display: inline-block;
background-color: white;
font-size: 0;
}
.loop-grid-artist .page-numbers.current{
background-color: var(--e-global-color-primary);
} .loop-carousel-artist .swiper-pagination{   }
.loop-carousel-artist .swiper-pagination .swiper-pagination-bullet{
background: white !important;
border-radius: 0;
opacity: 1;
}
.loop-carousel-artist .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: var(--e-global-color-primary) !important;
}
.filter-artist-style .elementor-widget-heading > div{
cursor: pointer;
}
.filter-artist-style .elementor-widget-heading > div.active{
border-color: var(--e-global-color-primary) !important;
}  .dropdown-toggle {
background-color: #D1D5D859 !important;
border: 1px solid #D1D5D8 !important;
color: #fff !important;
padding: 10px 20px !important;
font-size: 9px !important;
font-family: Poppins, sans-serif !important;
border-radius: 4px !important;
display: inline-block;
text-align: center;
margin-bottom: 10px;
text-transform: capitalize !important;
} .tattoo-styles-tag {
display: none; min-width: 180px;
position: absolute;
background-color: #0B0E15 !important;
border: 1px solid #262D39;
margin-top: 5px;
list-style: none;
z-index: 10;
padding: 0;
}
.tattoo-styles-tag li {
padding: 10px 20px;
color: #fff;
font-size: 14px;
cursor: pointer;
border-bottom: 1px solid #262D39;
}
.tattoo-styles-tag li:last-child {
border-bottom: none;
}
.tattoo-styles-tag li:hover {
background-color: #E14462; }
.tattoo-styles{
display: none;
}
.small-tattoo-artist-preview{
display: flex;
min-height: 315px;
}
.small-tattoo-artist-preview .tattoo-artist-item{
margin: 15px 10px 0;
}
.small-tattoo-artist-preview .tattoo-artist-image:before{
content: '';
border: 1px solid var(--e-global-color-a34c3b3);
width: 85%;
height: 70%;
margin: 20% 0 0 20%;
position: absolute;
background-color: var(--e-global-color-6220763);
}
.small-tattoo-artist-preview .tattoo-artist-image{
position: relative;
}
.small-tattoo-artist-preview img{
max-height: 300px; transform: scaleX(-1);
}
.small-tattoo-artist-preview .tattoo-artist-role{
min-width: 135px;
font-family: "Jost", Sans-serif;
font-size: 13px;
color: var(--e-global-color-text);
z-index: 1;
position: relative;
margin-top: -60px;
margin-left: 20%;
}
.small-tattoo-artist-preview .tattoo-artist-name{
min-width: 135px;
font-family: "Jost", Sans-serif;
font-size: 24px;
text-transform: uppercase;
color: var(--e-global-color-text);
margin-top: -15px;
z-index: 1;
position: relative;
margin-left: 20%;
}
.elementor-widget-text-editor ul{
padding-left: 55px;
}
.elementor-widget-text-editor ul li:last-of-type{
border: 0;
}
.elementor-widget-text-editor ul li{
list-style-type: none;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #7C7F86;
}
.elementor-widget-text-editor ul li:before {
content: "";
background-image: url(//tatuaggitorino.it/wp-content/custom/img/list-icon.svg);
margin-top: 5px;
width: 26px;
height: 26px;
position: absolute;
left: 0;
}
.citazione-studio{
position: relative;
}
.citazione-studio:before {
content: "";
background-image: url(//tatuaggitorino.it/wp-content/custom/img/virgolette1.svg);
position: absolute;
left: -45px;
top: -10px;
background-repeat: no-repeat;
width: 36px;
height: 35px;
}
.citazione-studio:after {
content: "";
background-image: url(//tatuaggitorino.it/wp-content/custom/img/virgolette2.svg);
position: absolute;
right: -25px;
bottom: -10px;
background-repeat: no-repeat;
width: 36px;
height: 35px;
}
.style-gallery { position: relative;
}
.gallery-tattoo-artist .style-gallery {
margin: 0 11% 0 45px;
background-image: url(https://new.tattoostorino.it/wp-content/uploads/2024/12/rettangolo-sfondo.png);
background-size: 80%;
background-repeat: no-repeat;
background-position: center 50px;
}
.gallery-item {
width: calc(25% - 24px);  display: none;
margin-bottom: 24px;
}
.gallery-item.visible {
display: block;
}
.gallery-item.gallery-hide-filter {
display: none;
}
.gallery-filters {
margin-bottom: 20px;
}
.gallery-tattoo-artist .filter-group {
padding-right: 11%;
}
.style-gallery-container-small .gallery-item{
display: block;
width: calc(33% - 18px);
margin-bottom: 18px;
}
.style-gallery-container-small .gallery-item img{
border: 1px solid white;
}
.filter-group {
margin-bottom: 10px;
}
.filter-button {
margin-right: 5px;
cursor: pointer;
}
.filter-group-style{
display: flex;
justify-content: center;
padding: 10px;
border: 1px solid var(--e-global-color-a34c3b3);
background-color: var(--e-global-color-6220763);
margin-bottom: 20px;
margin-left: -1px;
flex-wrap: wrap;
}
.filter-group-style .filter-button{
font-family: "Jost", Sans-serif;
font-size: 16px;
text-transform: uppercase;
padding: 0 20px;
border-bottom: 3px solid transparent;
border-top: 3px solid transparent;
line-height: 1.5em;
}
.filter-group-style .filter-button:hover,
.filter-group-style .filter-button.active-filter{
border-bottom: 3px solid #E14462;
}
.filter-group-tag{
display: flex;
justify-content: center;
margin-bottom: 80px;
}
.tattoo-tag-item,
.filter-button-tag{
padding: 4px 8px;
margin: 0 12px;
background-color: #171B23;
border: 1px solid #202630;
border-radius: 5px;
color: #D1D5D8;
font-family: "Poppins", Sans-serif;
font-size: 11px;
cursor: pointer;
text-transform: uppercase;
}
.filter-button-tag.active-filter{
background-color: #E14462;
}
.gallery-item img{
filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-webkit-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
-moz-filter: grayscale(100%) sepia(28%) hue-rotate(169deg);
transition: 1s;
animation: graytocolorreverse 1s;
}
.gallery-item img:hover{
filter:none;
animation: graytocolor 1s;
transform: scale(1.05);
}
.tattoo-styles-wrapper{
border: 1px solid var(--e-global-color-a34c3b3);
margin-bottom: 20px;
}
.tattoo-styles-title{
padding: 36px;
font-family: "Jost", Sans-serif;
font-size: 22px;
color: var(--e-global-color-primary);
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--e-global-color-6220763);
}
.tattoo-styles-title a{
width: 120px;
}
.tattoo-styles-title a:hover{
color: var(--e-global-color-text);
}
.tattoo-styles-value{
font-size: 40px;
color: var(--e-global-color-text);
line-height: 1.1em;
display: block;
}
.tattoo-corrente-value{
font-size: 36px;
line-height: 36px;
text-transform: uppercase;
}
.tattoo-styles-subtitle{
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--e-global-color-primary);
padding: 20px 36px;
font-family: "Jost", Sans-serif;
font-size: 22px;
color: var(--e-global-color-text);
}
.tattoo-styles-subtitle > span {
gap: 10px;
}
.tattoo-styles-list{
padding: 55px 36px;
}
.tattoo-styles-item{
font-family: "Jost", Sans-serif;
font-size: 22px;
color: var(--e-global-color-text);
padding: 18px 0;
border-bottom: 1px solid var(--e-global-color-a34c3b3);
list-style-position: inside;
}
.tattoo-styles-title a,
.tattoo-styles-subtitle a,
.tattoo-styles-item a{
font-family: "Jost", Sans-serif;
font-size: 16px;
color: var(--e-global-color-text) !important;
float: right;
text-decoration: none;
text-align: right;
}
.tattoo-styles-title i,
.tattoo-styles-subtitle i,
.tattoo-styles-item i{
margin-right:5px
}
.tattoo-tags-preview{
display: flex;
}
.tattoo-tag-item{
cursor: initial;
margin: 8px;
}
.filter-group-style .filter-button-dropdown {
display: none;
}
.tatoo-artist-contact,
.tatoo-artist-contact img{
max-height: 240px;
margin: auto;
}
.tatoo-artist-contact{
display: none;
}
.elementor-field-group-f9f57ad {
align-content: center;
}
.type-tattoo_style .e-con-full{
z-index: 1;
}
.custom-container-page-single-artist #form_tattoo_generic .elementor-swiper-button{
display: none;
} .cky-preference-title,
.cky-preference-content-wrapper,
.cky-accordion-header .cky-accordion-btn,
.cky-accordion-header-des{
color: var(--e-global-color-text) !important;
}
@media (max-width: 1300px){
.custom-container-page-single-artist:before{
background-position: 50vw 24%;
}
.hours-fieldset fieldset{
height:145px;
}
.hours-fieldset-content{
max-width:388px;
}
}
@media (max-width: 767px){
.custom-container-page{
background-image: radial-gradient(circle at center 500px, #7a8392 0%, #0b0e15 250px);
}
.custom-container-page-style{
background: radial-gradient(circle farthest-side at top right, #7A8392 0%, #0B0E15 80vw);
}
.custom-container-page-single-artist:before{
background-size: 500px;
background-position: 29vw calc(20% - 54vw);
}
.custom-container-page-artists{
background-image: radial-gradient(circle at center 450px, #7a8392 0%, #0b0e15FF 300px);
}
.custom-container-page-404{
background-image: radial-gradient(circle at 55% 400px, #7a8392 0, #0b0e15FF 300px)
}
.continue-link {
text-decoration: none;
color: var(--e-global-color-primary) !important;
cursor: pointer;
-webkit-text-fill-color: initial;
}
.gallery-tattoo-artist .style-gallery{
margin: 0 16px 0 16px;
}
.gallery-custom .swiper{
overflow: visible;
margin-left: 10%;
margin-right: 10%;
}
.gallery-item {
width: calc(50% - 6px);
margin-bottom: 5px;
}
.gallery-tattoo-artist .filter-group{
padding-right: 0px;
}
.filter-group-tag {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
justify-content: flex-start;
scrollbar-width: none;
}
.filter-group-tag::-webkit-scrollbar {
display: none;
}
.filter-group-tag .filter-button {
white-space: nowrap;
flex-shrink: 0;
}
.radial-bg-blue-brown{
background: transparent;
}
.tattoo-tags-preview{
flex-direction: column;
}
.tattoo-tag-item{
width: fit-content;
}
.style-list-element:before{
content: none;
}
.style-list-element > div:first-of-type{
min-height: 350px;
}
.style-list-element h5{
font-size: 2.5em !important;
}
.arm-image-style{
position: relative;
height: 100vw;
max-width: 350px !important;
max-height: 600px;
margin-top: 75px;
margin-left: 24%;  }
.arm-image-style img{
position: absolute;
top: 20px;
left: 30%;
transform: rotate(-90deg) translate(-50%, 0) scale(2);
transform-origin: bottom; }
.small-tattoo-artist-preview{
flex-wrap: wrap;
justify-content: center;
}
.small-tattoo-artist-preview .tattoo-artist-item{
margin: 15px 20px 0 0;
}
.small-tattoo-artist-preview .tattoo-artist-role{
font-size: 10px;
margin-top: -45px;
line-height: 1em;
margin-bottom: 17px;
}
.small-tattoo-artist-preview .tattoo-artist-name{
font-size: 20px;
}
.small-tattoo-artist-preview img{
max-height: 250px;
}
.loop-tattoo-styles .swiper-slide-next{
margin-left: -53vw;
margin-top: -20px;
opacity: 0.5;
z-index: -1;
transform: scale(0.8);
filter: blur(3px);
}
.loop-tattoo-styles .elementor-swiper-button-next,
.loop-tattoo-styles .elementor-swiper-button-prev{
display: none !important;
}
.loop-tattoo-styles:active .swiper-slide-next{
margin-left: 0;
}
.loop-tattoo-styles .swiper-slide-next > div > div > div:not(.elementor-widget-image){
opacity: 0;
}  .filter-group-style {
position: relative;
max-width: 100%; }
.filter-group-style .filter-button {
display: none; padding: 0px 30px;
cursor: pointer;
border-top: none;
text-align: center;
margin-bottom: 20px;
}
.filter-group-style .filter-button.active-filter {
color: #fff;
}
.filter-group-style .filter-button-dropdown {
display: block;
color: var(--e-global-color-text);
padding: 5px;
cursor: pointer;
text-align: center;
position: relative;
}
.filter-group-style.open .filter-button-dropdown {
margin-bottom: 60px;
}
.filter-group-style.open .filter-button-dropdown i{
transform: rotate(180deg); 
}
.filter-group-style.open{
position: absolute;
z-index: 100;
width: 100%;
flex-direction: column;
padding-bottom: 50px;
align-items: center;
}
.filter-group-style.open:after,
.filter-group-style.open:before{
content: '';
position: absolute;
width: 100vw;
top: -100vh;
height: 100vh;
backdrop-filter: blur(10px);
}
.filter-group-style.open:after{
top: initial;
bottom: -100vh;
height: 100vh;
}
.filter-group-style.open .filter-button {
display: block;
width: fit-content;
}
.filter-group-style.open .filter-button-dropdown:before,
.filter-group-style.open .filter-button-dropdown:after {
content: '';
position: absolute;
width: 200vw;
border-bottom: 1px solid var(--e-global-color-a34c3b3);
bottom: -15px;
left: -100vw;
}
.filter-group-style.open .filter-button-dropdown:before {
bottom: initial;
top: -15px;
}
.tatoo-artist-contact{
margin: auto;
}
.tattoo-styles-title{
flex-wrap: wrap;
justify-content: center;
text-align: center;
font-size: 20px;
padding: 28px 0 0 0;
}
.tattoo-styles-title .tattoo-styles-value{
font-size: 34px;
}
.tattoo-styles-title a{
border: 1px solid var(--e-global-color-text);
width: 100%;
text-align: center;
font-size: 16px;
font-weight: 600;
padding: 10px;
margin-top: 28px;
}
.tattoo-styles-subtitle{
text-align: center;
flex-direction: column;
}
.tattoo-styles-subtitle a{
margin-top: 20px;
}
.tattoo-styles-subtitle .tattoo-corrente-value{
display: block;
}
.tattoo-styles-item{
font-size: 18px;
}
.tattoo-styles-item a {
font-size: 15px;
} #form_tattoo_generic .tattoo_artist img,
.elementor-location-header img{
width: auto !important;
}
}