html,
body {
width: 100%;
overflow-x: clip;
}
body {
font-family: var(--e-global-typography-primary-font-family);
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
color: var(--e-global-color-text);
background: var(--e-global-color-background);
}
img {
max-width: 100%;
height: auto;
}
p {
line-height: 1.6em;
margin-bottom: 0;
}
.elementor-widget-text-editor p {
line-height: inherit;
}
.elementor-widget-text-editor p:last-child {
margin-bottom: 0 !important;
} .at-animation-heading-style-4 .split-line {
display: inline-block !important;
width: auto !important;
text-align: inherit !important;
}
a {
text-decoration: none;
color: inherit;
transition: all 0.3s ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--e-global-typography-primary-font-family);
font-weight: 400;
margin: 0;
line-height: 1.6em;
color: var(--e-global-color-text);
}
figure {
margin: 0;
}
iframe {
max-width: 100%;
}
.elementor-widget-button {
line-height: 0;
}
.infinite-logo .swiper-wrapper {
-webkit-animation-timing-function: linear !important;
transition-timing-function: linear !important;
} .btn-default {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 1.25em;
text-transform: capitalize;
background: var(--e-global-color-darkdivider);
color: var(--e-global-color-primary);
border-radius: 100px;
padding: 15px 20px;
margin-right: 50px;
border: none;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.btn-default:hover {
color: var(--e-global-color-background);
}
.btn-default::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 50%;
width: 0;
height: 100%;
border-radius: 100px;
opacity: 0;
background: var(--e-global-color-white);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.btn-default:hover:after {
width: 100%;
background-color: var(--e-global-color-primary);
left: 0;
right: 0;
opacity: 1;
}
.btn-default svg,
.btn-default i {
content: '';
position: absolute;
top: 50%;
right: -50px;
width: 50px;
height: 50px;
border-radius: 50%;
padding: 11px;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(-50%) rotate(0deg);
background-color: var(--e-global-color-black);
color: var(--e-global-color-primary);
transition: all 0.4s ease-in-out;
}
.btn-default:hover svg {
transform: translateY(-50%) rotate(45deg);
}
.btn-default i {
transform: translateY(-50%) rotate(-45deg);
font-size: 18px;
}
.btn-default:hover i {
transform: translateY(-50%) rotate(0deg);
}
@media only screen and (max-width: 991px) {
.btn-default {
padding: 13px 15px;
margin-right: 46px;
}
.btn-default svg,
.btn-default i {
right: -46px;
width: 46px;
height: 46px;
}
.btn-default i {
font-size: 16px;
}
} .elementor-widget-button .elementor-button {
position: relative;
z-index: 0;
}
.elementor-widget-button .elementor-button:has(:not(.elementor-button-icon)) {
margin-right: 0;
}
.elementor-widget-button .elementor-button:has(.elementor-button-icon) {
margin-right: 50px;
}
.elementor-widget-button .elementor-button .elementor-button-icon {
position: absolute;
top: 0;
left: auto;
right: -50px;
display: flex;
align-items: center;
justify-content: center;
background: var(--e-global-color-accent);
border-radius: 50%;
width: 50px;
height: 50px;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.elementor-widget-button .elementor-button:hover .elementor-button-icon {
transform: rotate(45deg);
}
.elementor-widget-button .elementor-button .elementor-button-icon svg {
font-size: 24px;
color: var(--e-global-color-black);
}
.elementor-widget-button .elementor-button::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 50%;
width: 0;
height: 100%;
border-radius: 100px;
opacity: 0;
background: var(--e-global-color-primary);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.elementor-widget-button .elementor-button:hover:after {
width: 100%;
left: 0;
right: 0;
opacity: 1;
}
@media only screen and (max-width: 991px) {
.elementor-widget-button .elementor-button:has(.elementor-button-icon) {
margin-right: 46px;
}
.elementor-widget-button .elementor-button .elementor-button-icon {
right: -46px;
width: 46px;
height: 46px;
}
.elementor-widget-button .elementor-button .elementor-button-icon svg {
font-size: 22px;
}
} .at-animation-image-style-1 img {
clip-path: inset(0 100% 0 0);
}
.at-blog-shiny-glass-effect,
.at-shiny-glass-effect {
position: relative;
overflow: hidden;
}
.at-blog-shiny-glass-effect:after,
.at-shiny-glass-effect:after {
content: '';
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.at-blog-shiny-glass-effect:hover:after,
.at-shiny-glass-effect:hover:after {
height: 250%;
transition: all 600ms linear !important;
background-color: transparent;
}
.at-distortion-effect canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
}
.container {
max-width: 1300px;
padding-right: 20px;
padding-left: 20px;
}
@media (max-width:767px) {
.container {
padding-right: 16px;
padding-left: 16px;
}
} .row {
margin-right: -15px;
margin-left: -15px;
}
.row>* {
padding-right: 15px;
padding-left: 15px;
}
#magic-cursor {
position: absolute;
width: 10px !important;
height: 10px !important;
pointer-events: none;
z-index: 1000000;
}
#ball {
position: fixed;
display: block;
left: 0;
top: 0;
transform: translate(-50%, -50%);
background: var(--e-global-color-primary);
width: 10px !important;
height: 10px !important;
border-radius: 50%;
pointer-events: none;
border: none;
opacity: 1 !important;
}
.theme-preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000 !important;
background-color: rgba(176, 136, 215, 0.40);
backdrop-filter: blur(50px);
display: flex;
align-items: center;
justify-content: center;
}
.theme-preloader .loading-container,
.theme-preloader .loading-container .loading {
height: 100px;
position: relative;
width: 100px;
border-radius: 100%;
}
.theme-preloader .loading-container {
margin: 40px auto;
}
.theme-preloader .loading-container .loading {
border: 1px solid transparent;
border-color: transparent var(--e-global-color-primary) transparent var(--e-global-color-primary);
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.theme-preloader .loading-container:hover .loading,
.theme-preloader .loading-container .loading {
transition: all 0.5s ease-in-out;
}
.theme-preloader .loading-container #loading-icon {
position: absolute;
top: 50%;
left: 50%;
max-width: 66px;
transform: translate(-50%, -50%);
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
body.fancy-scrollbar::-webkit-scrollbar-track {
background-color: var(--e-global-color-text);
border-left: 1px solid var(--e-global-color-text);
}
body.fancy-scrollbar::-webkit-scrollbar {
width: 3px;
background-color: var(--e-global-color-primary);
}
body.fancy-scrollbar::-webkit-scrollbar-thumb {
background: var(--e-global-color-primary);
} .elementor-icon-box-wrapper .elementor-icon-box-icon {
line-height: 0;
}
.elementor-widget-icon .elementor-icon-wrapper {
line-height: 0;
}
.elementor-widget-elementskit-icon-box .elementskit-box-header {
line-height: 0;
}
.elementskit-funfact .funfact-icon svg path {
stroke: none !important;
}
.elementskit-pricing-header svg path {
fill: none !important;
}
.elementskit-infobox .elementskit-info-box-icon {
transition: all 0.4s ease-in-out;
}
.ekit_social_media li a:hover i,
.ekit_social_media li a:hover svg {
color: inherit !important;
} header.main-header {
position: relative;
background: transparent;
border-bottom: 1px solid var(--e-global-color-darkdivider);
z-index: 100;
}
header.main-header .header-sticky {
padding: 25px 0;
position: relative;
top: 0;
z-index: 100;
}
header.main-header .header-sticky.hide {
transform: translateY(-100%);
transition: transform 0.3s ease-in-out;
padding: 15px 0;
border-radius: 0;
border-bottom: 1px solid #16330010;
}
header.main-header .header-sticky.active {
position: fixed;
top: 0;
left: 0;
right: 0;
border-radius: 0;
border-bottom: 1px solid #16330010;
transform: translateY(0);
background: var(--e-global-color-white);
}
.navbar {
padding: 0;
}
.navbar-brand {
padding: 0;
}
.navbar-brand h1,
.navbar-brand h2 {
font-family: var(--e-global-typography-text-font-family);
font-size: 40px !important;
font-weight: 400 !important;
color: var(--e-global-color-white) !important;
letter-spacing: 0;
}
.navbar-brand span {
display: block;
font-size: 14px;
color: var(--e-global-color-text);
line-height: 1.2em;
}
.navbar-brand:hover {
color: var(--e-global-color-accent);
}
.main-menu {
font-family: var(--e-global-typography-primary-font-family);
justify-content: flex-end;
}
.main-menu ul {
align-items: center;
flex-wrap: wrap;
}
.main-menu ul li {
margin: 0 10px;
position: relative;
}
.main-menu ul li:last-child {
margin-right: 0;
}
.main-menu ul li.menu-item-has-children>a:after {
content: '\f107';
font-family: 'FontAwesome';
font-weight: 900;
font-size: 14px;
margin-left: 8px;
}
.main-menu ul ul li.menu-item-has-children>a {
position: relative;
}
.main-menu ul ul li.menu-item-has-children>a:after {
width: 18px;
height: 18px;
position: absolute;
right: 15px;
top: 6px;
transform: rotate(-90deg);
}
.main-menu ul li a {
font-family: var(--e-global-typography-text-font-family);
font-size: 16px;
font-weight: 500;
line-height: 1.1em;
padding: 15px 10px !important;
color: var(--e-global-color-text);
}
.main-menu ul li.highlighted-menu a {
display: block;
background: var(--e-global-color-accent);
color: var(--e-global-color-primary);
font-size: 16px;
font-weight: 500;
border: 2px solid var(--e-global-color-accent);
padding: 10px 30px !important;
border-radius: 30px;
position: relative;
overflow: hidden;
z-index: 0;
transition: 0.2s transform ease-in-out;
}
.main-menu ul li.highlighted-menu a:after {
background-color: var(--e-global-color-primary);
border-radius: 30px;
content: '';
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
transform: translate(-100%, 0) rotate(10deg);
transform-origin: top left;
transition: 0.2s transform ease-out;
will-change: transform;
z-index: -1;
}
.main-menu ul li.highlighted-menu a:hover::after {
transform: translate(0, 0);
}
.main-menu ul li.highlighted-menu a:hover {
color: var(--e-global-color-accent);
}
.main-menu ul li a:hover,
.main-menu ul li a:focus {
color: var(--e-global-color-accent);
}
.main-menu ul ul {
visibility: hidden;
padding: 5px 0;
margin: 0;
list-style: none;
width: 235px;
border-radius: 12px;
position: absolute;
left: 0;
top: 100%;
background-color: var(--e-global-color-accent);
opacity: 0;
transform: scaleY(0.8);
transform-origin: top;
transition: all 0.3s ease-in-out;
}
.main-menu ul ul ul {
left: 100%;
top: 0;
}
.main-menu ul ul ul ul ul {
display: none !important;
opacity: 0;
visibility: hidden;
}
.main-menu ul ul li {
margin: 0;
padding: 0;
}
.main-menu ul ul li a,
.main-menu ul ul li a:focus {
color: var(--e-global-color-background);
line-height: 1.1em;
padding: 8px 20px !important;
}
.main-menu ul li:hover>ul {
visibility: visible;
opacity: 1;
transform: scaleY(1);
}
.main-menu ul ul li a:hover {
color: var(--e-global-color-white);
}
.responsive-menu,
.navbar-toggle {
display: none;
}
#menu-all-pages-flat>li a {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.slicknav_btn,
.slicknav_nav .slicknav_item {
cursor: pointer;
}
.slicknav_menu,
.slicknav_menu * {
box-sizing: border-box;
}
.slicknav_btn {
position: relative;
display: block;
float: right;
padding: .438em .625em;
line-height: 1.125em;
}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
margin-top: .188em;
}
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
color: #fff;
font-weight: 700;
text-shadow: 0 1px 3px #000;
}
.slicknav_menu .slicknav_icon {
float: left;
width: 1.125em;
height: .875em;
margin: .188em 0 0 .438em;
}
.slicknav_menu .slicknav_icon:before {
background: 0 0;
width: 1.125em;
height: .875em;
display: block;
content: "";
position: absolute;
}
.slicknav_menu .slicknav_no-text {
margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: .125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}
.slicknav_menu:after,
.slicknav_menu:before {
content: " ";
display: table;
}
.slicknav_menu:after {
clear: both;
}
.slicknav_nav li,
.slicknav_nav ul {
display: block;
}
.slicknav_nav .slicknav_arrow {
font-size: .8em;
margin: 0 0 0 .4em;
}
.slicknav_nav .slicknav_item a {
display: inline;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
display: block;
}
.slicknav_nav .slicknav_parent-link a {
display: inline;
}
.slicknav_menu {
font-size: 16px;
background: #4c4c4c;
padding: 5px;
}
.slicknav_nav,
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #fff;
}
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #222;
}
.slicknav_nav {
clear: both;
color: #fff;
margin: 0;
font-size: .875em;
}
.slicknav_nav ul {
margin: 0 0 0 10px;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
padding: 5px 10px;
}
.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #fff;
}
.slicknav_nav a {
text-decoration: none;
color: #fff;
}
.slicknav_nav a:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #222;
}
.slicknav_nav .slicknav_txtnode {
margin-left: 15px;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0;
}
.slicknav_brand {
float: left;
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px;
}
.responsive-menu {
top: 100%;
position: absolute;
left: 0;
right: 0;
}
.slicknav_btn {
background: var(--e-global-color-accent);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
margin: 0;
border-radius: 8px;
}
.slicknav_icon .slicknav_icon-bar {
display: block;
width: 100%;
height: 3px;
width: 22px;
background-color: var(--e-global-color-background);
border-radius: 6px;
margin: 4px auto !important;
transition: all 0.1s ease-in-out;
}
.slicknav_icon .slicknav_icon-bar:first-child {
margin-top: 0 !important;
}
.slicknav_icon .slicknav_icon-bar:last-child {
margin-bottom: 0 !important;
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
transform: rotate(-45deg) translate(-5px, 5px);
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
opacity: 0;
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
transform: rotate(45deg) translate(-5px, -5px);
}
.slicknav_menu {
padding: 0;
background: var(--e-global-color-accent);
max-height: 80vh;
overflow: auto;
}
.slicknav_nav {
padding-top: 5px;
padding-bottom: 5px;
}
.slicknav_nav>ul {
margin-left: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav li a {
font-size: 16px;
font-weight: 500;
padding: 7px 20px;
color: var(--e-global-color-background);
line-height: normal;
}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
background-color: transparent;
color: var(--e-global-color-white);
}
.slicknav_arrow {
font-size: 0 !important;
}
.slicknav_arrow:after {
content: '\f105';
font-family: 'FontAwesome';
font-weight: 900;
font-size: 12px;
margin-left: 8px;
margin-top: 2px;
float: right;
color: var(--e-global-color-background);
transition: all 0.3s ease-in-out;
}
.slicknav_nav li.slicknav_open>a .slicknav_arrow:after {
transform: rotate(-90deg);
color: var(--e-global-color-white);
} .page-header {
background-image: url(https://strumentovoce.it/wp-content/themes/musicnest/assets/images/blog-bg.png);
background-position:  top center;
background-repeat: no-repeat;
background-size: cover;
padding: 179px 0;
margin-top: -25px;
}
.page-header-box {
position: relative;
z-index: 1;
text-align: center;
}
.page-header-box h1 {
font-size: 44px !important;
line-height: 56px;
color: var(--e-global-color-background);
letter-spacing: 0;
margin-bottom: 10px;
word-wrap: break-word;
font-weight: 700;
}
.page-header-box .taxonomy-description {
color: var(--e-global-color-white);
margin-bottom: 20px;
}
.breadcrumb-trail {
line-height: 1.4em;
}
.trail-items,
.page-header-box .post-meta ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
justify-content: center;
text-align: center;
}
.trail-items .breadcrumb_separate {
margin: 0 8px;
}
.trail-items li,
.page-header-box .post-meta ul li {
font-size: 18px;
color: var(--e-global-color-background);
display: inline-block;
}
.trail-items li:before,
.page-header-box .post-meta ul li:before {
content: '/';
margin: 0 8px;
}
.trail-items li:first-child:before,
.page-header-box .post-meta ul li:first-child:before {
display: none;
}
.trail-items li a,
.page-header-box .post-meta ul li a {
font-size: 18px;
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
} footer.footer {
background-color: var(--e-global-color-secondary);
border-radius: 30px;
width: calc(100% - 40px);
max-width: 1880px;
margin: 0 auto 20px;
}
.footer-main {
padding: 60px 0;
}
.footer-logo {
margin-bottom: 30px;
}
.footer-logo h4 {
color: var(--e-global-color-white) !important;
font-size: 36px;
font-weight: 400;
letter-spacing: 0;
}
.footer-social ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer-social ul li {
display: inline-block;
margin-right: 15px;
}
.footer-social ul li a {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
width: 38px;
height: 38px;
color: var(--e-global-color-accent);
border: 1px solid var(--e-global-color-accent);
font-size: 16px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
.footer-social ul li a:hover {
background: var(--e-global-color-primary);
color: var(--e-global-color-background);
border-color: var(--e-global-color-primary);
}
.footer-menu {
text-align: right;
margin-bottom: 20px;
}
.footer-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu ul li {
display: inline-block;
margin-left: 30px;
}
.footer-menu ul li a {
color: var(--e-global-color-text);
transition: all 0.3s ease-in-out;
}
.footer-menu ul li a:hover {
color: var(--e-global-color-accent);
}
.copyright {
text-align: right;
}
.copyright p {
color: var(--e-global-color-text);
margin: 0;
} .error-page {
padding: 100px 0;
}
.error-page-image {
text-align: center;
margin-bottom: 30px;
}
.error-page-image img {
width: 100%;
max-width: 40%;
}
.error-page .error-page-content {
text-align: center;
}
.error-page-content-heading {
margin-bottom: 15px;
}
.error-page-content-heading h2 {
font-size: 44px !important;
}
.error-page-content-body {
line-height: 0;
}
.error-page-content-body p {
margin-bottom: 24px;
} .page-blog-archive {
padding: 100px 0px;
}
.post-item {
height: calc(100% - 30px);
margin-bottom: 30px; border-radius: 10px;
}
.post-item-body { }
.post-featured-image a {
cursor: pointer;
display: block; overflow: hidden;
margin-bottom: 20px;
}
.post-featured-image figure {
display: block;
}
.post-featured-image img {
width: 100%;
aspect-ratio: 1 / 0.74;
object-fit: cover;
transition: all 0.4s ease-in-out;
border-radius: 20px; }
.post-item:hover .post-featured-image img {
transform: scale(1.1);
}
.post-item-content {
margin-bottom: 15px;
}
.post-item-content h2 {
font-size: 26px !important;
line-height: 32px !important;
font-weight: 600 !important;
}
.post-item-content h2 a {
display: inline-block;
color: var(--e-global-color-text);
word-break: break-word;
}
.post-excerpt {
margin-bottom: 15px;
color: var(--e-global-color-text);
}
@media (max-width:991px) {
.post-excerpt {
font-size: 14px;
line-height: 22px;
}
}
.post-item-btn {
line-height: 1.3em;
}
.post-item-btn a {
color: var(--e-global-color-primary);
font-weight: 500;
}
.post-item-btn a svg {
width: 12px;
height: auto;
margin-left: 4px;
transition: all 0.3s ease-in-out;
}
.post-item-btn a:hover svg {
transform: rotate(45deg);
}
.post-item-btn a i {
font-size: 16px;
margin-left: 4px;
transition: all 0.3s ease-in-out;
}
.post-item-btn a:hover i {
transform: translateX(2px);
}
.pagination .nav-links {
margin-top: 30px;
display: flex;
text-align: center;
justify-content: center;
width: 100%;
}
.pagination .nav-links a,
.pagination .nav-links span {
display: flex;
text-decoration: none;
justify-content: center;
align-items: center;
background: var(--e-global-color-secondary);
color: var(--e-global-color-primary);
border-radius: 10px;
width: 40px;
height: 40px;
margin: 0 5px;
font-weight: 700;
line-height: 1em;
transition: all 0.3s ease-in-out;
}
.pagination .nav-links span.current,
.pagination .nav-links a:hover {
background: var(--e-global-color-accent);
color: var(--e-global-color-background);
}
.page-single-post {
padding: 100px 0;
}
.page-single-post.single-page .post-entry {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.post-single-meta ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1.1em;
}
.post-single-meta ul li {
display: inline-block;
font-size: 18px;
margin-right: 15px;
color: var(--e-global-color-background);
line-height: 1.2em;
}
.post-single-meta ul li:last-child {
margin-right: 0;
}
.post-single-meta ul li i {
font-size: 18px;
color: var(--e-global-color-secondary);
margin-right: 8px;
}
.post-single-meta ul li a {
color: var(--e-global-color-white);
}
.post-single-image {
margin-bottom: 30px;
overflow: hidden;
}
.post-single-image figure,
.post-single-image img {
width: 100%;
aspect-ratio: 1 / 0.50;
object-fit: cover;
border-radius: 20px;	
}
.post-content {
width: 100%; margin: 0 auto;
}
.post-entry { margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid var(--e-global-color-secondary);
}
.post-entry:after {
content: '';
display: block;
clear: both;
}
.post-entry p {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
color: var(--e-global-color-text);
}
.post-entry p:last-child {
margin-bottom: 0;
}
.post-entry a {
color: var(--e-global-color-accent);
}
.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6 {
margin: 25px 0 20px 0;
color: var(--e-global-color-text);
}
.post-entry h1 {
font-size: 40px !important;
}
.post-entry h2 {
font-size: 44px;
line-height: 56px;
font-weight: 600 !important;
}
.post-entry h3 {
font-size: 26px;
}
.post-entry h4 {
font-size: 22px;
}
.post-entry h5 {
font-size: 18px;
}
.post-entry h6 {
font-size: 16px;
}
.post-entry ul {
padding-left: 20px;
margin: 20px 0;
}
.post-entry ul li {
margin-bottom: 5px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: var(--e-global-color-text);
}
.post-entry ol {
margin: 20px 0;
}
.post-entry ol li {
margin-bottom: 15px;
font-size: 18px;
font-weight: 500;
color: var(--e-global-color-text);
}
.post-entry ul li a {
color: var(--e-global-color-text);
}
.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul {
margin-top: 10px;
margin-bottom: 0;
}
.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child {
margin-bottom: 0;
}
.post-entry blockquote {
background: var(--e-global-color-secondary) url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/icon-blockquote.svg) no-repeat;
background-position: 30px 30px;
background-size: 45px;
border-radius:30px;
padding: 30px 30px 30px 90px !important;
margin-bottom: 30px !important;
backdrop-filter: blur(180px);
-webkit-backdrop-filter: blur(180px); }
.post-entry blockquote p {
font-size: 20px !important;
font-family: var(--e-global-typography-primary-font-family);
color: var(--e-global-color-background);
font-weight: 600;
margin-top: 0;
line-height: 28px;
margin-bottom: 20px;
}
.post-entry blockquote p:last-child {
margin-bottom: 0;
}
.post-entry blockquote cite {
font-size: 18px;
color: var(--e-global-color-accent);
}
.post-entry table {
border-top: 1px solid var(--e-global-color-primary);
border-left: 1px solid var(--e-global-color-primary);
}
.post-entry table tr td,
.post-entry table tr th {
border-right: 1px solid var(--e-global-color-primary);
border-bottom: 1px solid var(--e-global-color-primary);
padding: 4px 10px;
}
.post-entry .wp-block-latest-posts.wp-block-latest-posts__list {
list-style: inherit;
padding-left: 20px;
}
.post-entry .has-fixed-layout tr td {
border-color: inherit;
}
.tag-links { font-size: 24px;
line-height: 32px;
font-weight: 700;
color: var(--e-global-color-text);
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 10px 15px;
}
.post-tags .tag-links a {
font-family: var(--e-global-typography-primary-font-family);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-background);
border-radius: 20px;
padding: 8px 20px;
transition: all 0.3s ease-in-out;
}
.post-tags .tag-links a:hover {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-background);
}
.post-social-sharing {
text-align: right;
}
.post-social-sharing ul {
list-style: none;
padding: 0;
margin: 0;
}
.post-social-sharing ul li {
display: inline-block;
margin-right: 12px;
}
.post-social-sharing ul li:last-child {
margin-right: 0;
}
.post-social-sharing ul li a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-background);
border-radius:30px;
width: 45px;
height: 45px;
transition: all 0.3s ease-in-out;
}
.post-social-sharing ul li a:hover {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-background);
}
.post-social-sharing ul li a i {
font-size: 20px;
}
@media (max-width:767px) {
.post-social-sharing ul li a {
width: 35px;
height: 35px;
}
.post-social-sharing ul li a i {
font-size: 18px;
}
}
.post-entry hr,
.comment-content hr {
border-top: 1px solid var(--e-global-color-darkdivider);
opacity: 1;
}
.post-entry table caption {
text-align: center;
}
.post-entry .wp-block-rss {
list-style: inherit;
}
.post-entry .wp-block-social-links {
padding: 0;
}
.post-entry .wp-block-calendar {
margin-bottom: 20px;
}
@media only screen and (max-width: 1440px) {
.container {
max-width: 1360px;
}
}
@media only screen and (max-width: 1300px) {
.main-menu ul li a {
padding: 12px 4px !important;
}
}
@media only screen and (max-width: 1024px) {
.navbar-brand span {
display: none;
}
.main-menu ul li a {
padding: 12px 2px !important;
}
}
@media only screen and (max-width: 991px) {
#magic-cursor {
display: none !important;
}
.navbar-brand h1,
.navbar-brand h2 {
font-size: 30px !important;
}
.responsive-menu,
.navbar-toggle {
display: block;
}
.main-menu ul li {
margin: 0 10px;
}
header.main-header .header-sticky {
padding: 20px 0;
}
header.main-header .header-sticky.active .slicknav_menu {
border-radius: 0;
}
.page-header {
padding: 150px 0;
margin-top: -20px;
}
.page-header-box h1 {
font-size: 40px !important;
line-height: 50px;
}
.trail-items li,
.page-header-box .post-meta ul li,
.trail-items li a,
.page-header-box .post-meta ul li a {
font-size: 16px;
}
.page-header-box .taxonomy-description {
margin-bottom: 10px;
}
.page-blog-archive {
padding: 80px 0;
}
.post-single-image figure,
.post-single-image img {
border-radius: 0px;
}
.post-featured-image a { margin-bottom: 20px;
}
.post-item-content {
margin-bottom: 15px;
}
.pagination .nav-links {
margin-top: 10px;
}
.page-single-post {
padding: 50px 0;
}
.post-single-image {
margin-bottom: 20px;
}
.post-entry p {
margin-bottom: 15px;
}
.post-entry blockquote {
background-position: 20px 20px;
background-size: 40px;
padding: 20px 20px 20px 70px !important;
margin-bottom: 20px !important;
}
.post-entry blockquote p {
font-size: 18px !important;
}
.post-entry ul li {
margin-bottom: 10px;
}
.post-entry ul li,
.post-entry ol li {
font-size: 16px;
}
.post-tags {
margin-bottom: 20px;
}
.post-tags .tag-links a {
padding: 6px 18px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.post-social-sharing {
text-align: left;
}
footer.footer {
width: 100%;
border-radius: 0;
margin: 0;
}
.footer-main {
padding: 50px 0;
}
.footer-logo {
text-align: center;
margin-bottom: 20px;
}
.footer-social {
text-align: center;
margin-bottom: 20px;
}
.footer-social ul li {
margin: 0 5px;
}
.footer-menu {
text-align: center;
}
.footer-menu ul li {
margin: 0 10px;
}
.copyright {
text-align: center;
}
.error-page {
padding: 50px 0;
}
.error-page-image {
margin-bottom: 20px;
}
.error-page-image img {
max-width: 80%;
}
.error-page-content-heading {
margin-bottom: 15px;
}
.error-page-content-heading h2 {
font-size: 34px !important;
}
}
@media only screen and (max-width: 767px) {
.post-single-meta ul li {
margin-right: 14px;
font-size: 16px;
}
.post-single-meta ul li i {
font-size: 16px;
}
.page-header {
padding: 100px 0;
margin-top: -15px;
}
.page-header-box h1 {
font-size: 30px !important;
line-height: 40px;
margin-bottom: 10px;
}
.post-item-content h2 {
font-size: 20px !important;
line-height: 28px !important;
}
.post-item-body { }
.post-item-content {
margin-bottom: 5px;
}
.page-blog-archive {
padding: 70px 0;
}
.post-featured-image a {
margin-bottom: 15px;
}
.post-single-image figure,
.post-single-image img {
aspect-ratio: 1 / 0.70;
}
.post-entry h1 {
font-size: 28px !important;
}
.post-entry h2 {
font-size: 30px;
line-height: 40px;
}
.post-entry h3 {
font-size: 20px;
}
.post-entry h4 {
font-size: 18px;
}
.post-entry h5 {
font-size: 16px;
}
.post-entry h6 {
font-size: 14px;
}
.post-entry blockquote {
background-position: 15px 15px;
padding: 60px 15px 15px 15px !important;
}
.post-entry blockquote p {
font-size: 18px !important;
line-height: 26px;
}
.error-page-content-heading h2 {
font-size: 24px !important;
}
} .alignnone {
margin: 5px 0 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0 !important;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: var(--e-global-color-divider);
clip: auto !important;
clip-path: none;
color: var(--e-global-color-primary);
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.gallery-caption,
.bypostauthor {
position: inherit;
}
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size {
line-height: 1.4em;
}
.wp-block-navigation__responsive-container-content ul ul li {
padding-left: 0;
margin-bottom: 0;
}
.wp-block-navigation__responsive-container-content ul ul li:before {
display: none;
}
ul.wp-block-post-template {
list-style: none !important;
padding: 0;
}
ul.wp-block-post-template li {
padding-left: 0;
}
.wp-block-post-template li:before {
display: none;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt {
color: var(--e-global-color-text);
font-weight: 400;
}
.wp-block-post-featured-image,
.wp-block-post-author,
.wp-block-avatar,
.wp-block-post-date,
.wp-block-post-navigation-link,
.wp-block-search,
.wp-block-buttons,
.wp-block-image,
.wp-block-audio,
.wp-block-cover,
.wp-block-media-text,
.wp-block-table,
.wp-block-button,
.wp-block-embed {
margin-bottom: 20px;
}
.wp-block-gallery {
margin-bottom: 20px !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: 1px solid var(--e-global-color-divider);
;
background: var(--e-global-color-secondary);
border-radius: 10px;
}
.wp-block-search .wp-block-search__input {
background: var(--e-global-color-secondary);
border: 1px solid var(--e-global-color-divider);
color: var(--e-global-color-text);
outline: 0;
box-shadow: none;
border-radius: 10px;
padding: 10px 20px;
}
.wp-block-search .wp-block-search__button {
font-family: var(--e-global-typography-accent-font-family);
font-size: 16px;
font-weight: 700;
line-height: 1.25em;
border-radius: 10px;
background: var(--e-global-color-accent);
color: var(--e-global-color-background) !important;
border: none;
outline: 0;
box-shadow: none;
padding: 15px 20px;
transition: all 0.4s ease-in-out;
}
.wp-block-search .wp-block-search__button:hover {
background: var(--e-global-color-primary) !important;
color: var(--e-global-color-background) !important;
}
.wp-block-social-links li {
padding-left: 0 !important;
}
.wp-block-social-links li:before {
display: none;
}
.wp-block-tag-cloud a {
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1em;
border: 0 !important;
background: var(--e-global-color-accent);
color: var(--e-global-color-background) !important;
text-transform: capitalize;
padding: 12px 20px;
margin-bottom: 10px;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
.wp-block-tag-cloud a:hover {
background: var(--e-global-color-primary);
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments a {
color: var(--e-global-color-primary);
}
.wp-block-button__link {
width: auto;
}
.wp-block-button .wp-element-button,
.wp-block-button.is-style-outline .wp-element-button,
.wp-element-button,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
font-size: 16px;
background: var(--e-global-color-accent);
border: 0;
color: var(--e-global-color-background) !important;
font-weight: 700;
line-height: 1.25em;
padding: 15px 20px;
border-radius: 100px;
transition: all 0.3s ease-in-out;
}
.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background) {
color: var(--e-global-color-background) !important;
}
.wp-block-button.is-style-outline .wp-element-button {
background: var(--e-global-color-primary);
color: var(--e-global-color-background) !important;
}
.wp-block-button .wp-element-button:hover,
.wp-block-button.is-style-outline .wp-element-button:hover,
.wp-element-button:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover {
background: var(--e-global-color-white) !important;
color: var(--e-global-color-background) !important;
}
.wp-block-file a {
font-size: 16px;
}
.wp-block-column p:last-child {
margin-bottom: 0;
}
.wp-block-cover {
color: var(--e-global-color-white);
}
.wp-block-image figcaption {
text-align: center;
}
.wp-block-gallery ul li {
padding-left: 0;
}
.wp-block-gallery ul li:before {
display: none !important;
}
.wp-block-quote.is-style-large {
padding-top: 30px;
padding-bottom: 30px;
}
.wp-block-categories-dropdown,
.wp-block-archives-dropdown {
margin-bottom: 20px;
}
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
border-radius: 10px;
background: var(--e-global-color-secondary);
color: var(--e-global-color-text);
border: 1px solid var(--e-global-color-divider);
padding: 10px 20px;
}
.wp-block-categories-dropdown select option,
.wp-block-archives-dropdown select option {
background: var(--e-global-color-white);
}
.wp-caption .wp-caption-text {
margin-top: 6px;
}
.gallery.gallery-columns-2,
.gallery.gallery-columns-3,
.gallery.gallery-columns-4,
.gallery.gallery-columns-5,
.gallery.gallery-columns-6,
.gallery.gallery-columns-7,
.gallery.gallery-columns-8,
.gallery.gallery-columns-9 {
display: flex;
flex-wrap: wrap;
} div:not(.elementor-image-gallery) .gallery .gallery-item {
margin-right: 30px;
margin-bottom: 30px;
}
div:not(.elementor-image-gallery) .gallery .gallery-item img {
width: 100%;
height: auto;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item {
width: calc(50% - 15px);
}
.elementor-image-gallery .gallery.gallery-columns-2 figure.gallery-item { }
div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item {
width: calc(33.33% - 20px);
}
.elementor-image-gallery .gallery.gallery-columns-3 figure.gallery-item {
width: 33.33%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item {
width: calc(25% - 22.5px);
}
.elementor-image-gallery .gallery.gallery-columns-4 figure.gallery-item {
width: 25%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item {
width: calc(20% - 24px);
}
.elementor-image-gallery .gallery.gallery-columns-5 figure.gallery-item {
width: 20%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item {
width: calc(16.66% - 25px);
}
.elementor-image-gallery .gallery.gallery-columns-6 figure.gallery-item {
width: 16.66%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item {
width: calc(14.28% - 25.7px);
}
.elementor-image-gallery .gallery.gallery-columns-7 figure.gallery-item {
width: 14.28%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item {
width: calc(12.5% - 26.25px);
}
.elementor-image-gallery .gallery.gallery-columns-8 figure.gallery-item {
width: 12.5%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item {
width: calc(11.11% - 26.66px);
}
.elementor-image-gallery .gallery.gallery-columns-9 figure.gallery-item {
width: 11.11%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9) {
margin-right: 0;
}
.elementor-image-gallery .gallery.gallery-columns-10 figure.gallery-item {
width: 10%;
}
.post-password-form input[type="password"] {
background: var(--e-global-color-secondary);
border: 1px solid var(--e-global-color-divider);
color: var(--e-global-color-text);
outline: 0;
box-shadow: none;
border-radius: 10px;
padding: 10px 20px;
}
.post-password-form input[type="submit"] {
font-size: 16px;
font-weight: 700;
line-height: 1.25em;
background: var(--e-global-color-accent);
color: var(--e-global-color-background);
border: 0;
border-radius: 10px;
padding: 15px 20px;
margin-left: 10px;
transition: all 0.4s ease-in-out;
}
.post-password-form input[type="submit"]:hover {
background: var(--e-global-color-white);
}
aside.widget {
background: var(--e-global-color-secondary);
padding: 40px;
border: 1px solid var(--e-global-color-divider);
border-radius: 30px;
margin-bottom: 30px;
}
aside.widget a {
color: var(--e-global-color-accent);
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
aside.widget .wp-block-latest-comments a,
aside.widget.widget_tag_cloud a {
color: var(--e-global-color-primary);
}
aside.widget .tagcloud a {
display: inline-block;
font-size: 16px !important;
font-weight: 700;
border: 0 !important;
padding: 12px 20px;
background: var(--e-global-color-accent);
color: var(--e-global-color-background);
border-radius: 10px;
line-height: 1em;
text-transform: capitalize;
margin-bottom: 10px;
transition: all 0.3s ease-in-out;
}
aside.widget .tagcloud a:hover {
background: var(--e-global-color-primary);
}
aside.widget .wp-block-heading,
aside.widget .widget-title {
font-size: 16px;
color: var(--e-global-color-primary);
margin-bottom: 20px;
word-break: break-word;
}
aside.widget ul {
padding-left: 20px !important;
margin: 0;
list-style: inherit !important;
}
aside.widget ul li {
margin-bottom: 10px;
font-weight: 500;
color: var(--e-global-color-text);
}
aside.widget ul li a {
color: var(--e-global-color-text);
}
aside.widget ul ul {
margin-top: 10px;
margin-bottom: 0;
margin-left: -10px;
}
aside.widget ul li:last-child {
margin-bottom: 0;
}
aside.widget ul.wp-block-social-links {
padding-left: 0 !important;
}
aside.widget .wp-block-search .wp-block-search__input {
background-color: var(--e-global-color-secondary);
}
aside.widget .wp-block-search {
margin-bottom: 0;
}
aside.widget .wp-block-search .wp-block-search__button {
padding-left: 15px;
padding-right: 15px;
}
aside.widget .wp-block-categories-dropdown,
aside.widget .wp-block-archives-dropdown {
margin-bottom: 0;
}
aside.widget select,
aside.widget .wp-block-categories-dropdown select,
aside.widget .wp-block-archives-dropdown select {
background: var(--e-global-color-secondary);
border: 1px solid var(--e-global-color-divider);
padding: 10px 20px;
border-radius: 10px;
width: 100%;
outline: 0;
box-shadow: none;
}
aside.widget.widget_recent_entries ul li {
padding-left: 0;
}
aside.widget.widget_recent_entries ul li:before {
display: none;
}
aside.widget.widget_recent_entries .wp-block-latest-posts__post-excerpt,
aside.widget .wp-block-rss__item-excerpt,
aside.widget .rssSummary {
font-weight: 400;
color: var(--e-global-color-text);
}
aside.widget .wp-block-social-links li {
margin-bottom: 0;
}
aside.widget .wp-block-social-links {
padding: 0 !important;
}
aside.widget table {
width: 100%;
background: var(--e-global-color-secondary);
border-top: 1px solid var(--e-global-color-primary);
border-left: 1px solid var(--e-global-color-primary);
}
aside.widget table tr td,
aside.widget table tr th {
border-right: 1px solid var(--e-global-color-primary);
border-bottom: 1px solid var(--e-global-color-primary);
padding: 4px;
text-align: center;
}
aside.widget table caption {
text-align: center;
}
aside.widget_search .search-form {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
aside.widget_search .search-form label {
width: calc(100% - 100px);
}
aside.widget_search .search-form input {
width: 100%;
padding: 10px;
border: 1px solid var(--e-global-color-divider);
outline: 0;
box-shadow: none;
border-radius: 10px;
background: var(--e-global-color-secondary);
color: var(--e-global-color-text);
}
aside.widget .search-submit {
max-width: 86px;
background: var(--e-global-color-accent) !important;
color: var(--e-global-color-background) !important;
border: none;
outline: 0;
box-shadow: none;
border: 0;
font-weight: 700;
padding: 10px 15px;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
aside.widget .search-submit:hover {
background: var(--e-global-color-primary) !important;
color: var(--e-global-color-background) !important;
}
aside.widget .has-login-form label {
margin-bottom: 5px;
}
aside.widget .has-login-form input[type="text"],
aside.widget .has-login-form input[type="password"] {
background: var(--e-global-color-secondary);
border: 1px solid var(--e-global-color-divider);
color: var(--e-global-color-text);
outline: 0;
box-shadow: none;
border-radius: 10px;
padding: 10px 20px;
width: 100%;
}
aside.widget .has-login-form input[type="checkbox"] {
width: auto;
}
aside.widget .has-login-form input[type="submit"] {
font-size: 16px;
font-weight: 700;
line-height: 1.25em;
border-radius: 10px;
background: var(--e-global-color-accent);
color: var(--e-global-color-background) !important;
border: none;
outline: 0;
box-shadow: none;
transition: all 0.4s ease-in-out;
padding: 15px 20px;
}
aside.widget .has-login-form input[type="submit"]:hover {
background-color: var(--e-global-color-primary);
}
aside.widget .calendar_wrap {
text-align: center;
}
aside.widget .wp-block-social-links {
padding: 0 !important;
}
@media only screen and (max-width: 991px) {
aside.widget {
border-radius: 20px;
}
aside.widget .wp-block-heading,
aside.widget .widget-title {
font-size: 14px;
}
}
@media only screen and (max-width: 991px) {
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item {
width: calc(50% - 15px);
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3),
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4),
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5),
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6),
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7),
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8),
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9) {
margin-right: 30px;
}
div.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2),
div.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3),
div.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4),
div.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5),
div.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6),
div.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7),
div.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8),
div.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9),
div.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item:nth-of-type(10n + 10),
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(2n + 2) {
margin-right: 0;
}
.sidebar-widget {
margin-top: 30px;
}
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-element-button,
.wp-block-button.is-style-outline .wp-element-button,
.wp-element-button,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button,
.post-password-form input[type="submit"],
aside.widget .has-login-form input[type="submit"] {
padding: 13px 15px;
}
.wp-block-tag-cloud a,
aside.widget .tagcloud a {
padding: 10px 15px;
}
aside.widget {
padding: 30px;
}
}
@media only screen and (max-width: 767px) {
div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item { }
div:not(.elementor-image-gallery) .gallery .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3),
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4),
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5),
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6),
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7),
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8),
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9) {
margin-right: 0;
}
.elementor-image-gallery .gallery.gallery-columns-1 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-2 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-3 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-4 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-5 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-6 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-7 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-8 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-9 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-10 figure.gallery-item {
width: 100%;
}
.has-medium-font-size {
font-size: 20px !important;
}
.has-large-font-size {
font-size: 26px !important;
}
.has-x-large-font-size {
font-size: 30px !important;
}
aside.widget {
padding: 20px;
}
.wp-block-navigation__responsive-container {
padding: 20px !important;
}
.wp-block-media-text .wp-block-media-text__content {
padding-left: 0;
padding-right: 0;
padding-top: 10px;
}
.post-password-form {
text-align: center;
}
.post-password-form input[type="password"] {
width: 100%;
margin: 10px 0;
}
} .page-single-post .comment-box { margin: 50px auto 0;
}
.page-single-post .comment-box a,
.wp-block-post-comments-form a {
color: var(--e-global-color-secondary);
}
.comment-box .comment-respond:not(:first-child) {
margin-top: 60px;
}
.page-single-post .comment-box .comment-reply-title,
.page-single-post .comment-box .title-comments,
.wp-block-post-comments-form .comment-reply-title,
.wp-block-post-comments-form .title-comments {
color: var(--e-global-color-text);
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin-bottom: 10px;
}
.page-single-post .comment-box .comment-reply-title,
.wp-block-post-comments-form .comment-reply-title {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-single-post .comment-box .comment-reply-title #cancel-comment-reply-link,
.wp-block-post-comments-form .comment-reply-title #cancel-comment-reply-link {
font-size: 14px;
font-family: var(--e-global-typography-text-font-family);
font-weight: 400;
background: var(--e-global-color-accent);
color: var(--e-global-color-background);
border-radius: 6px;
text-transform: capitalize;
padding: 4px 10px;
transition: all 0.4s ease-in-out;
}
.page-single-post .comment-box .comment-reply-title #cancel-comment-reply-link:hover,
.wp-block-post-comments-form .comment-reply-title #cancel-comment-reply-link:hover {
background: var(--e-global-color-primary);
}
.page-single-post .comment-box .title-comments {
margin-bottom: 30px;
}
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form p:last-child {
margin-bottom: 0;
}
.comment-form .comment-notes,
.comment-form .comment-form-comment,
.comment-form .comment-form-cookies-consent,
.comment-form .form-submit {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(33.33% - 20px);
margin-right: 30px;
}
.comment-form .comment-form-url {
width: calc(33.33% - 20px);
}
.comment-form label {
display: block;
margin-bottom: 4px;
}
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
padding: 12px 20px;
box-shadow: none;
background: transparent;
color: var(--e-global-color-text);
border: 2px solid var(--e-global-color-secondary);
border-radius:20px;
outline: 0;
}
.comment-form .comment-form-cookies-consent {
position: relative;
padding-left: 20px;
}
.comment-form .comment-form-cookies-consent label {
display: inline-block;
}
.comment-form .comment-form-cookies-consent input[type="checkbox"] {
margin-top: 0 !important;
margin-right: 4px;
top: 6px;
left: 0;
position: absolute;
}
.comment-form .form-submit .submit {
font-family: var(--e-global-typography-primary-font-family);
display: inline-block;
background: linear-gradient(180deg, var(--e-global-color-primary) 0%, var(--e-global-color-accent) 100%);
color: var(--e-global-color-background);
font-size: 16px;
font-weight: 700;
line-height: 24px;
border: 0;
padding: 8px 20px;
position: relative;
overflow: hidden;
z-index: 0;
transition: 0.3s ease-in-out;
border-radius: 30px;
}
@media (max-width:767px) {
.comment-form .form-submit .submit {
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
}
.comment-form .form-submit .submit:hover {
background: linear-gradient(360deg, var(--e-global-color-primary) 0%, var(--e-global-color-accent) 100%);
color: var(--e-global-color-background);
}
.comment-list {
list-style: none;
padding: 0;
margin: 0;
}
.comment-list li {
list-style: none;
}
.comment-list .comment .comment-body {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid var(--e-global-color-divider);
}
.comment-list .comment:last-child {
margin-bottom: 0;
}
.comment-list .comment .comment-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.comment-list .comment .comment-meta .comment-author img {
max-width: 42px;
aspect-ratio: 1/1;
background: var(--e-global-color-secondary);
border-radius: 50%;
margin-right: 10px;
}
.comment-list .comment .comment-meta .comment-author b {
font-weight: 400;
}
.comment-list .comment .comment-meta .comment-author a {
color: var(--e-global-color-primary);
}
.comment-list .comment .comment-meta .comment-metadata a {
color: var(--e-global-color-text);
transition: all 0.4s ease-in-out;
}
.comment-list .comment .comment-meta .comment-metadata a:hover {
color: var(--e-global-color-accent);
}
.comment-list .comment .comment-meta .comment-metadata .comment-edit-link {
color: var(--e-global-color-accent);
margin-left: 10px;
}
.comment-list .comment .comment-content p:last-child {
margin-bottom: 0;
}
.comment-list .comment .reply a {
margin-top: 10px;
display: inline-block;
background: var(--e-global-color-accent);
padding: 2px 10px;
border-radius: 8px;
font-size: 14px;
color: var(--e-global-color-background) !important;
transition: all 0.4s ease-in-out;
}
.comment-list .comment .reply a:hover {
background: var(--e-global-color-primary);
}
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
color: var(--e-global-color-primary);
margin: 0.8em 0;
}
.comment-content table {
width: 100%;
border-top: 1px solid var(--e-global-color-primary);
border-left: 1px solid var(--e-global-color-primary);
}
.comment-content table tr td,
.comment-content table tr th {
border-right: 1px solid var(--e-global-color-primary);
border-bottom: 1px solid var(--e-global-color-primary);
padding: 4px 10px;
}
.comment-content table tr th {
color: var(--e-global-color-primary);
font-size: 18px;
}
.comment-content ul {
padding-left: 20px;
margin: 0 0 1.7em;
}
.comment-body li {
list-style: initial;
}
.comment-content ul li {
font-weight: 500;
margin-bottom: 15px;
color: var(--e-global-color-text);
}
.comment-content ul ul {
margin-top: 10px;
margin-bottom: 0;
}
.comment-content ol ol {
margin-top: 10px;
}
.comment-content ol li {
list-style: decimal;
margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
.page-single-post .comment-box {
margin-top: 40px;
}
.comment-box .comment-respond:not(:first-child) {
margin-top: 40px;
}
.page-single-post .comment-box .comment-reply-title,
.page-single-post .comment-box .title-comments {
font-size: 28px;
line-height: 36px;
}
.page-single-post .comment-box .comment-reply-title small {
width: 100%;
margin-top: 6px;
}
.comment-list .children {
padding-left: 20px;
}
.comment-form .form-submit .submit {
padding: 6px 18px;
}
}
@media only screen and (max-width: 767px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
width: 100%;
margin-right: 0;
}
.comment-list .comment .comment-meta .comment-author,
.comment-list .comment .comment-meta .comment-metadata {
width: 100%;
}
.comment-list .comment .comment-meta .comment-metadata {
margin-top: 10px;
}
} .codemonster-portfolio-grid__filters {
--listIndent: 0;
--contentSpacing: 0;
--listStyleType: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin-bottom: 60px;
flex-wrap: wrap;
gap: 10px 60px;
}
.codemonster-portfolio-grid__filters li {
position: relative;
cursor: pointer;
transition: all 0.3s ease-in-out;
font-size: 18px;
font-weight: 400;
color: var(--e-global-color-text);
text-transform: capitalize;
line-height: 1.4em;
border: none;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 {
gap: 10px 30px;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 li {
position: relative;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 700;
line-height: 1.25em;
height: auto;
padding: 15px 25px;
border-radius: 100px;
border: 0;
background: var(--e-global-color-darkdivider);
color: var(--e-global-color-white);
overflow: hidden;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 li:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 50%;
width: 0;
height: 100%;
border-radius: 100px;
opacity: 0;
background: var(--e-global-color-primary);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 li:hover:after,
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 li.active:after {
width: 100%;
background-color: var(--e-global-color-primary);
left: 0;
right: 0;
opacity: 1;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 li:hover,
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 li.active {
color: var(--e-global-color-background);
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-2 {
list-style-type: none;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-2 li:before {
content: '/';
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: -30px;
font-weight: 400;
color: var(--e-global-color-text);
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-2 li:last-child:before {
display: none;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-2 li:hover,
.codemonster-portfolio-grid__filters.portfolio_filter-design-2 li.active {
color: var(--e-global-color-accent);
}
.codemonster-portfolio-grid {
position: relative;
display: flex;
flex-wrap: wrap;
--portfolio-gap: 30px;
column-gap: var(--portfolio-gap);
width: 100%;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: 100%;
}
.elementor-grid-2 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(50% - (var(--portfolio-gap) / 2));
}
.elementor-grid-3 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(33.33% - ((var(--portfolio-gap) * 2) / 3));
}
.elementor-grid-4 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(25% - ((var(--portfolio-gap) * 3) / 4));
}
.elementor-grid-5 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(20% - ((var(--portfolio-gap) * 4) / 5));
}
@media only screen and (max-width: 1024px) {
.elementor-grid-tablet-1 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: 100%;
}
.elementor-grid-tablet-2 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(50% - (var(--portfolio-gap) / 2));
}
.elementor-grid-tablet-3 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(33.33% - ((var(--portfolio-gap) * 2) / 3));
}
.elementor-grid-tablet-4 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(25% - ((var(--portfolio-gap) * 3) / 4));
}
.elementor-grid-tablet-5 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(20% - ((var(--portfolio-gap) * 4) / 5));
}
}
@media only screen and (max-width: 767px) {
.elementor-grid-mobile-1 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: 100%;
}
.elementor-grid-mobile-2 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(50% - (var(--portfolio-gap) / 2));
}
.elementor-grid-mobile-3 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(33.33% - ((var(--portfolio-gap) * 2) / 3));
}
.elementor-grid-mobile-4 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(25% - ((var(--portfolio-gap) * 3) / 4));
}
.elementor-grid-mobile-5 .codemonster-portfolio-grid .codemonster-portfolio-grid-item {
width: calc(20% - ((var(--portfolio-gap) * 4) / 5));
}
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper {
border: 1px solid var(--e-global-color-divider);
background: var(--e-global-color-secondary) url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/project-item-bg-shape.png) no-repeat;
background-position: top left;
background-size: auto;
backdrop-filter: blur(100px);
-webkit-backdrop-filter: blur(100px);
border-radius: 30px;
padding: 15px;
height: 100%;
}
.musicnest-archive-project .codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper {
height: calc(100% - 30px);
margin-bottom: 30px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__img {
position: relative;
overflow: hidden;
transition: all 0.5s ease-out;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__img:after {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper:hover .codemonster-portfolio-grid-item__img:after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__image {
position: relative;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__img {
border-radius: 20px;
overflow: hidden;
}
.codemonster-portfolio-grid-item__image:has(:not(.codemonster-portfolio-grid-item__img)) {
display: none;
}
.codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) {
display: block;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__img img {
width: 100%;
aspect-ratio: 1 / 0.624;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper:hover img {
transform: scale(1.1);
}
.codemonster-portfolio-grid-item__image:has(:not(.codemonster-portfolio-grid-item__img)) .codemonster-portfolio-grid-item__categories {
display: none;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
display: block;
position: absolute;
top: 40px;
left: 40px;
z-index: 1;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__categories a {
display: none;
position: relative;
border: 1px solid var(--e-global-color-darkdivider);
background: var(--e-global-color-secondary) url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/icon-sub-heading.svg) no-repeat;
background-position: left 16px center;
background-size: 16px auto;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 100px;
padding: 10px 15px 10px 41px;
font-size: 14px;
font-weight: 400;
line-height: normal;
letter-spacing: 0.10em;
color: var(--e-global-color-white);
transition: all 0.4s ease-in-out;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__categories a:first-child {
display: block;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 35px 35px 25px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__content .codemonster-portfolio-grid-item__title {
font-size: 16px;
line-height: 1.7em;
font-family: var(--e-global-typography-secondary-font-family);
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore {
line-height: 1.3em;
margin-top: 30px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore a {
color: var(--e-global-color-primary);
font-weight: 500;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore a svg {
width: 12px;
height: auto;
margin-left: 4px;
transition: all 0.3s ease-in-out;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore a:hover svg {
transform: rotate(45deg);
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore a i {
font-size: 16px;
margin-left: 4px;
transition: all 0.3s ease-in-out;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore a:hover i {
transform: translateX(2px);
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__excerpt p {
display: none;
color: var(--e-global-color-white);
margin-top: 20px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__excerpt p:last-child {
margin-bottom: 0;
}
.codemonster-portfolio-grid.codemonster-portfolio-item-design-2 .codemonster-portfolio-grid-item__excerpt p {
display: block;
}
@media only screen and (max-width: 1440px) {
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
top: 30px;
left: 30px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 30px 30px 15px;
}
}
@media only screen and (max-width: 1024px) {
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
top: 20px;
left: 20px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__categories a {
font-size: 12px;
background-position: left 12px center;
background-size: 14px auto;
padding: 8px 12px 8px 34px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 25px 10px 10px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore {
margin-top: 20px;
}
}
@media only screen and (max-width: 991px) {
.codemonster-portfolio-grid__filters {
gap: 10px 40px;
margin-bottom: 40px;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 {
gap: 10px 20px;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 li {
padding: 13px 20px;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-2 li:before {
right: -25px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper {
border-radius: 20px;
}
.codemonster-portfolio-grid-item__image:has(:not(.codemonster-portfolio-grid-item__img)),
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__img {
border-radius: 14px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 20px 10px 10px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__content .codemonster-portfolio-grid-item__title {
font-size: 14px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore {
margin-top: 15px;
}
.codemonster-portfolio-grid.codemonster-portfolio-item-design-2 .codemonster-portfolio-grid-item__excerpt p {
margin-top: 15px;
}
}
@media only screen and (max-width: 767px) {
.codemonster-portfolio-grid__filters {
gap: 10px 40px;
margin-bottom: 30px;
}
.codemonster-portfolio-grid__filters li {
font-size: 16px;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 {
gap: 8px 15px;
}
.codemonster-portfolio-grid__filters.portfolio_filter-design-1 li {
font-size: 14px;
padding: 8px 15px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper {
padding: 10px;
}
.codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
top: 15px;
left: 15px;
}
} .project-item-widget-gold .codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 30px 25px 25px;
}
.project-item-widget-gold .codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
top: 20px;
left: 20px;
}
.project-item-widget-gold .codemonster-portfolio-grid .codemonster-portfolio-grid-item__categories a {
font-weight: 500;
line-height: 1.1em;
padding: 9px 16px 9px 42px;
}
@media only screen and (max-width: 1440px) {
.project-item-widget-gold .codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 30px 10px 10px;
}
}
@media only screen and (max-width: 1024px) {
.project-item-widget-gold .codemonster-portfolio-grid .codemonster-portfolio-grid-item__categories a {
padding: 8px 12px 8px 34px;
}
}
@media only screen and (max-width: 991px) {
.project-item-widget-gold .codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper {
padding: 10px;
}
.project-item-widget-gold .codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 20px 10px 10px;
}
}
@media only screen and (max-width: 767px) {
.project-item-widget-gold .codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
top: 15px;
left: 15px;
}
} .project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__wrapper {
border: 0;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border-radius: 0;
padding: 0;
}
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__img {
border-radius: 30px;
}
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__img img {
aspect-ratio: 1 / 0.71;
}
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
top: 40px;
left: 40px;
}
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__categories a {
background: var(--e-global-color-accent) url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/icon-sub-heading-black-metal.svg);
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 16px auto;
color: var(--e-global-color-background);
font-weight: 500;
}
.project-item-widget-metal .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 30px 30px 0 30px;
}
@media only screen and (max-width: 1440px) {
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
top: 30px;
left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__categories a {
background-size: 14px auto;
padding: 8px 15px 8px 38px;
}
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__img {
border-radius: 20px;
}
.project-item-widget-metal .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 20px 20px 0 20px;
}
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__image:has(.codemonster-portfolio-grid-item__img) .codemonster-portfolio-grid-item__categories {
top: 20px;
left: 20px;
}
}
@media only screen and (max-width: 991px) {
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__categories a {
background-size: 12px auto;
padding: 6px 15px 6px 35px;
}
.project-item-widget-metal .codemonster-portfolio-grid-item__wrapper .codemonster-portfolio-grid-item__content {
padding: 20px 0 0 0;
}
.project-item-widget-metal .codemonster-portfolio-grid .codemonster-portfolio-grid-item__readmore {
margin-top: 20px;
}
} .main-header.ekit-sticky--effects:before {
transform: scale(1);
}
.elementskit-navbar-nav>li.current-menu-item>a.active .elementskit-submenu-indicator {
color: var(--e-global-color-accent) !important;
}
.main-header .e-con-inner {
transition: all 0.4s ease-in-out !important;
}
.main-header.ekit-sticky--effects .e-con-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.main-header.ekit-sticky--effects .main-header-inner {
padding-left: 0;
padding-right: 0;
}
.main-header .ekit-menu-nav-link>i {
padding-right: 0;
}
body.admin-bar .main-header.ekit-sticky--effects {
top: 32px !important;
}
.elementskit-dropdown i.elementskit-submenu-indicator {
transform: rotate(-90deg);
}
.mobile-menu {
display: none;
}
.header-version-2 .mobile-menu,
.header-version-3 .mobile-menu,
.header-version-4 .mobile-menu {
display: block;
}
.main-header-menu .dropdown-item>i,
.main-header-menu .ekit-menu-nav-link>i {
padding: 0;
}
.btn-popup .ekit-sidebar-widget {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.btn-popup .ekit-sidebar-group.ekit_isActive .ekit-overlay {
opacity: 0.5;
}
@media only screen and (max-width: 1024px) {
body.admin-bar .main-header.ekit-sticky--effects {
top: 46px !important;
}
.elementskit-dropdown i.elementskit-submenu-indicator {
transform: rotate(0deg);
}
.elementskit-navbar-nav-default .elementskit-navbar-nav {
margin-top: 10px;
margin-bottom: 10px;
} .elementskit-menu-overlay {
display: none !important;
}
.elementskit-menu-close .elementskit-menu-hamburger-icon,
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
height: 2px;
margin-bottom: 5px;
}
.elementskit-navbar-nav-default .elementskit-nav-identity-panel {
border-bottom: 1px solid var(--e-global-color-secondary);
}
.ekit_menu_responsive_tablet .elementskit-submenu-indicator {
border: none !important;
}
.elementskit-navbar-nav .elementskit-submenu-panel {
background: none !important;
margin-left: 20px;
}
.main-header-menu .elementskit-menu-hamburger .icon:before {
font-weight: 900;
}
.main-header-menu .elementskit-navbar-nav>li.current-menu-item>a .elementskit-submenu-indicator,
.main-header-menu .elementskit-navbar-nav>li>a .elementskit-submenu-indicator {
color: currentcolor !important;
}
.main-header-menu .elementskit-menu-hamburger {
line-height: 0;
}
.mobile-menu {
display: block;
}
.backdrop-filter.backdrop-filter-header {
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
}
@media only screen and (max-width: 767px) {
body.admin-bar .main-header.ekit-sticky--effects {
top: 0px !important;
}
} .elementskit-menu-hamburger>.ekit-menu-icon {
fill: var(--e-global-color-background);
}
.elementskit-menu-hamburger:hover>.ekit-menu-icon {
fill: var(--e-global-color-primary);
}
.footer-links ul li:last-child a {
padding-bottom: 0 !important;
}
.footer-links .submenu-click-on-icon li a.active {
color: var(--e-global-color-primary) !important;
}
.footer-form-gold .form-group {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.footer-form-gold .email-field {
width: calc(100% - 50px);
}
.footer-form-gold .newsletter-btn input[type="submit"] {
background: url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/paper-plan-v2.svg) no-repeat center center;
background-size: 45% auto;
}
.footer-form-gold .wpcf7-not-valid-tip,
.footer-form-gold .wpcf7-response-output {
display: none;
}
.footer-form-gold.footer-form-3-metal .email-field {
width: calc(100% - 60px);
}
.footer-copyright-text-metal .elementor-heading-title {
font-family: var(--e-global-typography-text-font-family);
}
.footer-links.footer-links-3-metal ul li:last-child a {
padding-bottom: 0 !important;
}
@media only screen and (max-width: 991px) {
.footer-links ul li a {
padding-bottom: 12px !important;
}
.footer-links.footer-links-2-gold ul li:last-child a {
padding-bottom: 0 !important;
}
.footer-links.footer-links-2-gold ul li a {
padding-bottom: 20px !important;
}
.footer-form-gold .email-field {
width: calc(100% - 45px);
}
.footer-form-gold.footer-form-3-metal .email-field {
width: calc(100% - 50px);
}
}
@media only screen and (max-width: 767px) {
.footer-links ul li a {
padding-bottom: 10px !important;
}
.footer-links.footer-links-2-gold ul li a {
padding-bottom: 15px !important;
}
.footer-links.footer-links-3-metal ul li a {
padding-bottom: 12px !important;
}
} .column-2 .elementor-icon-list-items,
.column-3 .elementor-icon-list-items {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.column-2 .elementor-icon-list-items .elementor-icon-list-item {
width: calc(50% - 10px);
}
.column-3 .elementor-icon-list-items .elementor-icon-list-item {
width: calc(33.33% - 13.33px);
}
.column-2 ul li .elementor-icon-list-icon+.elementor-icon-list-text,
.column-3 ul li .elementor-icon-list-icon+.elementor-icon-list-text {
align-self: start;
}
.sticky-column {
position: sticky;
top: 40px;
}
@media only screen and (max-width: 991px) {
.column-2 .elementor-icon-list-items,
.column-3 .elementor-icon-list-items {
gap: 20px 10px;
}
.column-3 .elementor-icon-list-items .elementor-icon-list-item {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 767px) {
.column-2 .elementor-icon-list-items,
.column-3 .elementor-icon-list-items {
gap: 0;
}
.column-2 .elementor-icon-list-items .elementor-icon-list-item,
.column-3 .elementor-icon-list-items .elementor-icon-list-item {
width: 100%;
}
}    .section-title {
line-height: 0;
}
.section-title .elementor-heading-title {
padding-left: 26px;
display: inline-block;
position: relative;
font-family: var(--e-global-typography-text-font-family) !important;
}
.section-title .elementor-heading-title::before {
content: '';
position: absolute;
top: 50%;
left: 0;
bottom: 0;
transform: translateY(-50%);
background-color: var(--e-global-color-accent);
mask-image: url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/icon-sub-heading.svg);
mask-repeat: no-repeat;
width: 16px;
height: 16px;
}
.musicnest-hide-small-icon .section-title .elementor-heading-title::before {
display: none;
}
.musicnest-hide-small-icon .section-title .elementor-heading-title {
padding-left: 0;
} .project-textpath-icon {
transform: translate(-50%, -50%);
}
.project-textpath {
animation: infiniterotate 20s infinite linear;
}
@keyframes infiniterotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.project-textpath:hover {
animation-play-state: paused;
}
.hero-image img {
aspect-ratio: 1 / 0.5;
object-fit: cover;
}
.hero-img-content-box:before,
.hero-img-content-box:after {
content: "";
position: absolute;
top: 0;
left: -20px;
right: auto;
bottom: auto;
mask-image: url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/hero-image-content-box-corner-shape.svg);
-webkit-mask-image: url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/hero-image-content-box-corner-shape.svg);
mask-repeat: no-repeat;
mask-size: cover;
width: 20px;
height: 20px;
}
.hero-img-content-box:after {
top: auto;
right: 0;
left: auto;
bottom: -20px;
background: var(--e-global-color-black);
}
.our-scrolling-ticker .marquee-wrapper .ekit-title-and-description {
font-family: var(--e-global-typography-secondary-font-family);
}
.about-us-author-box .elementskit-infobox .elementskit-info-box-icon img {
border-radius: 50%;
}
.services-item .elementskit-infobox .elementskit-info-box-icon svg,
.services-item .elementskit-infobox .elementskit-info-box-icon i {
transition: all 0.4s ease-in-out;
}
.services-item:hover .elementskit-infobox .elementskit-info-box-icon svg,
.services-item:hover .elementskit-infobox .elementskit-info-box-icon i {
color: var(--e-global-color-text);
}
.services-btn {
line-height: 0;
}
.services-btn .ekit-btn-wraper svg {
margin-left: 5px;
transition: all 0.4s ease-in-out;
}
.services-btn .ekit-btn-wraper:hover svg {
transform: rotate(45deg);
}
.services-btn .ekit-btn-wraper svg path {
stroke: none !important;
}
.section-footer-text .elementor-heading-title {
font-family: var(--e-global-typography-accent-font-family) !important;
}
.why-choose-image img {
aspect-ratio: 1 / 1.643;
object-fit: cover;
}
.why-choose-image-2 img {
aspect-ratio: 1 / 1.3;
object-fit: cover;
}
.why-choose-counter-item .elementskit-funfact .elementskit-funfact-inner {
align-items: start;
}
.why-choose-counter-item .elementskit-funfact .elementskit-funfact-inner .funfact-icon {
margin-right: 15px;
}
.why-choose-counter-item .elementskit-funfact .elementskit-funfact-inner .number-percentage-wraper {
font-family: var(--e-global-typography-primary-font-family);
}
.what-we-counter-item .elementor-counter-title {
font-family: var(--e-global-typography-accent-font-family);
}
.what-we-item-author .elementskit-infobox img {
border-radius: 50%;
}
.what-we-client-counter .elementor-counter-number-wrapper {
font-family: var(--e-global-typography-accent-font-family);
}
.what-we-client-item-image img {
aspect-ratio: 1 / 0.5;
object-fit: cover;
}
.our-value-item {
backdrop-filter: blur(100px);
-webkit-backdrop-filter: blur(100px);
}
.our-value-item-header .elementskit-infobox p span {
font-size: 18px;
font-weight: 500;
color: var(--e-global-color-accent);
margin-right: 10px;
}
.our-value-item.info-box:before {
top: auto;
left: auto;
right: -75px;
bottom: -90px;
height: 310px;
width: 300px;
border: none;
animation: roundrotate 10s infinite linear alternate;
}
@keyframes roundrotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.pricing-item .ekit-wid-con .elementskit-pricing-header svg {
width: auto;
height: auto;
}
.pricing-item .ekit-wid-con .elementskit-pricing-header svg path {
stroke: none !important;
fill: var(--e-global-color-accent) !important;
}
.pricing-item .ekit-wid-con .elementskit-pricing-header p {
margin: 0;
}
.pricing-item .ekit-wid-con .elementskit-pricing-price-wraper .elementskit-pricing-price {
font-family: var(--e-global-typography-primary-font-family);
line-height: 0;
}
.pricing-item .ekit-wid-con .elementskit-pricing-price-wraper .elementskit-pricing-tag {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.pricing-item .ekit-wid-con .elementskit-pricing-price-wraper .elementskit-pricing-price span {
margin-left: -5px;
}
.pricing-item .ekit-wid-con .elementskit-pricing-price-wraper .elementskit-pricing-price sub {
right: 5px;
}
.pricing-item .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-content ul li {
margin: 0;
}
.pricing-item .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-content ul li svg {
max-width: 24px;
}
.testimonial-slider .swiper-slide .elementskit-single-testimonial-slider {
display: flex;
flex-wrap: wrap;
}
.testimonial-slider .swiper-slide .elementskit-commentor-bio {
order: 1;
}
.testimonial-slider .swiper-slide .elementskit-commentor-header {
order: 2;
}
.testimonial-slider .swiper-slide .elementskit-commentor-content {
order: 3;
}
.testimonial-slider .swiper-slide .elementskit-stars {
line-height: 0;
}
.testimonial-slider .swiper-slide .elementskit-watermark-icon {
position: absolute !important;
top: 10px !important;
right: 0px !important;
}
.testimonial-counter-box .elementor-counter {
gap: 20px;
}
.testimonial-counter-box .elementor-counter .elementor-counter-number-wrapper {
flex: 0;
}
.our-blog .elementskit-entry-header img {
aspect-ratio: 1 / 0.74;
object-fit: cover;
transition: all 0.4s ease-in-out !important;
overflow: hidden;
}
.our-blog .elementskit-post-image-card:hover img {
transform: scale(1.1) !important;
opacity: 1 !important;
}
.our-blog .elementskit-post-image-card .elementskit-post-body {
position: inherit;
}
.our-blog .elementskit-post-image-card .elementskit-post-body .btn-wraper {
line-height: 0;
}
.our-blog .elementskit-post-image-card .elementskit-post-body .btn-wraper a svg {
width: 100%;
height: auto;
transition: all 0.4s ease-in-out;
margin-left: 5px;
}
.our-blog .elementskit-post-image-card .elementskit-post-body .btn-wraper a:hover svg {
transform: rotate(45deg);
}
.our-blog .elementskit-post-image-card .elementskit-post-body .btn-wraper a svg path {
stroke: none !important;
}
@media only screen and (max-width: 1440px) {
.our-value-item.info-box:before {
width: 240px;
height: 250px;
}
}
@media only screen and (max-width: 991px) {
.hero-image img {
aspect-ratio: 1 / 0.6;
}
.why-choose-image img {
aspect-ratio: 1 / 1.4;
}
.why-choose-image-2 img {
aspect-ratio: 1 / 1.1;
}
.testimonial-slider .swiper-slide .elementskit-commentor-content {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.hero-img-content-box {
position: initial;
background-color: var(--e-global-color-secondary) !important;
backdrop-filter: blur(100px);
-webkit-backdrop-filter: blur(100px);
}
.why-choose-image img,
.why-choose-image-2 img {
aspect-ratio: 1 / 1.07;
}
.our-value-item.info-box:before {
width: 190px;
height: 200px;
}
.pricing-benefit-list .elementor-icon-list-text {
padding: 0 !important;
}
.pricing-benefit-list .elementor-icon-list-items {
gap: 10px;
}
} .section-title-gold .elementor-heading-title span {
color: var(--e-global-color-accent);
}
.project-circle-gold {
animation: infiniterotategold 20s infinite linear;
}
@keyframes infiniterotategold {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.project-circle-gold:hover {
animation-play-state: paused;
}
.hero-image-gold {
height: 100%;
}
.hero-image-gold img {
aspect-ratio: 1 / 1.058;
}
.hero-client-box-gold {
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px);
}
.about-image-box-1-gold {
height: 100%;
}
.about-image-box-1-gold img {
aspect-ratio: 1 / 0.95;
}
.about-image-gold img {
aspect-ratio: 1 / 0.649;
object-fit: cover;
}
.about-us-circle-gold {
transform: translateY(-50%);
}
.about-us-icon-gold {
transform: translate(-50%, -50%);
}
.service-item-btn-gold a svg {
transition: all 0.4s ease-in-out;
}
.service-item-btn-gold a:hover svg {
transform: rotate(45deg);
}
.service-item-img-gold {
aspect-ratio: 1 / 0.561;
}
.why-choose-us-box-gold {
position: relative;
}
.why-choose-us-box-gold::before {
left: 20px;
top: 20px;
border-radius: 16px;
width: calc(100% - 40px);
height: calc(100% - 20px);
}
.why-choose-content-image-gold img {
aspect-ratio: 1 / 1.518;
object-fit: cover;
}
.why-choose-image-gold img {
aspect-ratio: 1 / 0.765;
object-fit: cover;
}
.benefit-item-content-gold .elementor-heading-title {
font-family: var(--e-global-typography-text-font-family);
}
.benefit-item-content-gold {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.pricing-content-gold .elementskit-pricing-price {
font-family: var(--e-global-typography-primary-font-family);
}
.pricing-content-gold .elementskit-pricing-price {
line-height: 0;
}
.pricing-content-gold .period {
bottom: 10px !important;
left: -10px;
}
.prising-heading-box,
.prising-heading-box .elementor-widget-container {
height: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.prising-heading-box .elementor-heading-title {
font-family: var(--e-global-typography-text-font-family);
}
.how-works-image-gold img {
aspect-ratio: 1 / 1.064;
object-fit: cover;
}
.how-works-counter-box-gold {
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
}
.how-works-item-step-number-gold .elementskit-info-box-title {
font-family: var(--e-global-typography-text-font-family);
}
.testimonial-author-gold .elementskit-info-box-icon img {
border-radius: inherit;
}
@media only screen and (max-width: 1024px) {
.hero-image-gold img {
aspect-ratio: 1 / 0.65;
}
.why-choose-image-gold img {
aspect-ratio: 1 / 0.72;
}
.how-works-image-gold img {
aspect-ratio: 1 / 0.6;
}
}
@media only screen and (max-width: 991px) {
.about-us-circle-gold {
transform: translate(50%, -50%);
}
}
@media only screen and (max-width: 767px) {
.hero-image-gold img {
aspect-ratio: 1 / 1.1;
}
.why-choose-us-box-gold::before {
left: 10px;
top: 10px;
border-radius: 16px;
width: calc(100% - 20px);
height: calc(100% - 10px);
}
.why-choose-content-image-gold img {
aspect-ratio: 1 / 0.99;
}
.pricing-benefit-list-gold .elementor-icon-list-text {
padding: 0 !important;
}
.pricing-benefit-list-gold .elementor-icon-list-items {
gap: 10px;
}
.how-works-image-gold img {
aspect-ratio: 1 / 1.064;
}
} .hero-image-metal img {
aspect-ratio: 1 / 1.48;
object-fit: cover;
}
.hero-review-counter-metal .elementor-heading-title {
font-family: var(--e-global-typography-text-font-family);
}
.about-tag-1-metal {
animation: infiniteblinktag 1.5s infinite linear alternate;
}
.about-tag-2-metal p {
animation-delay: 2s;
}
.about-counter-item-metal .elementskit-funfact-inner {
align-items: start !important;
}
.about-counter-item-metal .elementskit-funfact-inner .number-percentage-wraper {
font-family: var(--e-global-typography-secondary-font-family);
}
.about-counter-item-metal .elementskit-funfact-inner .funfact-title {
font-family: var(--e-global-typography-text-font-family);
}
@keyframes infiniteblinktag {
from {
transform: scale(0.9);
}
to {
transform: scale(1.1);
}
}
.about-us-title-metal .elementor-heading-title img {
position: relative;
top: -8px;
width: 100px;
height: 53px;
border-radius: 8px;
}
.our-services-boxes-metal .elementkit-tab-wraper .nav-tabs .elementskit-tab-icon svg path {
stroke: none !important;
}
.our-services-boxes-metal .elementkit-tab-wraper .nav-tabs .ekit-tab-title-group {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.our-services-boxes-metal .elementkit-tab-wraper .nav-tabs .ekit-tab-title-group .elementskit-tab-title {
font-family: var(--e-global-typography-primary-font-family);
}
.our-services-boxes-metal .elementkit-tab-wraper .nav-tabs .ekit-tab-title-group .elementskit-tab-title,
.our-services-boxes-metal .elementkit-tab-wraper .nav-tabs .ekit-tab-title-group .elementskit-tab-sub-title {
transition: all 0.4s ease-in-out;
}
.our-services-boxes-metal ul li a.active::before,
.our-services-boxes-metal ul li a::before {
content: '';
position: absolute;
top: 50%;
right: 40px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--e-global-color-background);
background-image: url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/arrow-tab-white.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 22px auto;
transform: translateY(-50%);
transition: all 0.4s ease-in-out;
}
.our-services-boxes-metal ul li a::before {
background-color: var(--e-global-color-accent);
background-image: url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/arrow-primary.svg);
background-size: 14px auto;
}
.our-services-boxes-metal ul li a .ekit-tab-title-group {
padding-right: 70px;
}
.our-services-boxes-metal .tab-content .tab-pane {
backdrop-filter: blur(100px);
-webkit-backdrop-filter: blur(100px);
}
.our-services-boxes-metal .elementkit-tab-wraper .tab-content .elementskit-info-image-box img {
aspect-ratio: 1 / 0.555;
object-fit: cover;
transition: all 0.5s ease-in-out;
}
.our-services-boxes-metal .elementkit-tab-wraper .tab-content:hover .elementskit-info-image-box img {
transform: scale(1.1);
}
.feature-list-metal .ekit-wid-con .elementskit-infobox {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.scrolling-ticker-metal .ekit-content-items .ticker-left-loop,
.scrolling-ticker-metal .ekit-content-items .ticker-right-loop {
gap: 20px;
}
.scrolling-ticker-metal .ekit-content-items .marquee-wrapper {
gap: 20px;
}
.scrolling-ticker-metal .ekit-content-items .marquee-wrapper .ticker-item {
padding: 9px 16px !important;
background-color: var(--e-global-color-secondary);
border: 1px solid var(--e-global-color-divider);
border-radius: 100px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.what-we-do-item-btn-metal .ekit-btn-wraper a svg {
transition: all 0.4s ease-in-out;
}
.what-we-do-item-btn-metal .ekit-btn-wraper a:hover svg {
transform: rotate(45deg);
}
.section-footer-text-metal h3 {
font-family: var(--e-global-typography-text-font-family) !important;
}
.project-content-btn-metal {
height: var(--container-widget-width);
display: flex;
justify-content: center;
align-items: center;
}
.project-content-btn-metal .ekit-btn-wraper a {
flex-direction: column;
gap: 10px;
}
.project-content-btn-metal .ekit-btn-wraper a svg {
transition: all 0.4s ease-in-out;
}
.project-content-btn-metal:hover .ekit-btn-wraper a svg {
transform: rotate(45deg) !important;
}
.team-item-designation-metal .elementor-heading-title {
writing-mode: vertical-rl;
cursor: none;
background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.06) 50%, transparent 100%);
background-size: 200% auto;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.4s ease-in-out;
}
.team-item-metal:hover .team-item-designation-metal .elementor-heading-title {
background-position: right center;
}
.pricing-box-metal .elementskit-pricing-subtitle {
margin-bottom: 0px;
}
.pricing-box-metal .elementskit-single-pricing .elementskit-pricing-price {
line-height: 0 !important;
}
.pricing-box-metal .elementskit-pricing-header .elementskit-pricing-title {
display: inline-flex;
background: var(--e-global-color-secondary) url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/icon-sparkle-accent-metal.svg) no-repeat;
background-position: left 16px center;
background-size: 14px auto;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 100px;
padding: 5px 15px 5px 38px !important;
text-transform: initial;
font-family: var(--e-global-typography-text-font-family);
}
.pricing-box-metal .elementskit-pricing-price .currency,
.pricing-box-metal .elementskit-pricing-price span {
font-family: var(--e-global-typography-secondary-font-family) !important;
}
.pricing-box-metal .elementskit-pricing-price .period {
left: -6px;
}
.pricing-box-metal .elementskit-pricing-lists li:first-child:before {
display: none;
}
.testimonials-image-metal {
height: 100%;
}
.testimonials-image-metal img {
aspect-ratio: 1 / 1.373;
object-fit: cover;
}
.testimonial-metal .elementskit-profile-info .elementskit-author-name {
font-family: var(--e-global-typography-secondary-font-family);
}
.testimonial-metal .elementskit-testimonial-slider .swiper-navigation-button {
transition: all 0.4s ease-in-out;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.testimonial-metal .ekit_testimonial_style_5 .elementskit-watermark-icon {
left: 0 !important;
bottom: 3px !important;
z-index: -1;
}
.testimonial-metal .elementskit-watermark-icon svg {
height: 50px;
width: 50px !important;
}
.testimonial-metal .elementkit-commentor-details .ekit-testimonial--avatar {
padding-left: 35px;
}
@media only screen and (max-width: 1440px) {
.our-services-boxes-metal ul li a.active::before,
.our-services-boxes-metal ul li a::before {
right: 30px;
}
.scrolling-ticker-metal .ekit-content-items .ticker-left-loop,
.scrolling-ticker-metal .ekit-content-items .ticker-right-loop {
gap: 15px;
}
.scrolling-ticker-metal .ekit-content-items .marquee-wrapper {
gap: 15px;
}
}
@media only screen and (max-width: 991px) {
.about-counter-item-metal .elementskit-funfact-inner {
flex-direction: column;
}
.about-us-title-metal .elementor-heading-title img {
width: 65px;
height: 40px;
}
.our-services-boxes-metal .elementkit-tab-wraper .tab-content .elementskit-info-image-box img {
aspect-ratio: 1 / 0.45;
}
.our-services-boxes-metal ul li a.active::before,
.our-services-boxes-metal ul li a::before {
right: 15px;
width: 40px;
height: 40px;
background-size: 20px auto;
}
.our-services-boxes-metal ul li a::before {
background-size: 12px auto;
}
.our-services-boxes-metal ul li a .ekit-tab-title-group {
padding-right: 50px;
}
.project-content-btn-metal .ekit-btn-wraper a {
gap: 5px;
}
.testimonials-image-metal img {
aspect-ratio: 1 / 0.7;
}
.testimonial-metal .ekit_testimonial_style_5 .elementskit-watermark-icon {
bottom: 7px !important;
}
.testimonial-metal .elementskit-watermark-icon svg {
height: 44px;
width: 44px !important;
}
}
@media only screen and (max-width: 767px) {
.about-us-title-metal .elementor-heading-title img {
top: -4px;
height: 32px;
}
.our-services-boxes-metal .elementkit-tab-wraper .tab-content .elementskit-info-image-box img {
aspect-ratio: 1 / 0.6;
}
.our-services-boxes-metal ul li a.active::before,
.our-services-boxes-metal ul li a::before {
right: 12px;
width: 30px;
height: 30px;
background-size: 16px auto;
}
.our-services-boxes-metal ul li a::before {
background-size: 8px auto;
}
.our-services-boxes-metal ul li a .ekit-tab-title-group {
padding-right: 40px;
}
.scrolling-ticker-metal .ekit-content-items .marquee-wrapper .ticker-item {
padding: 7px 12px !important;
}
.testimonials-image-metal img {
aspect-ratio: 1 / 1.1;
}
.testimonial-metal .ekit_testimonial_style_5 .elementskit-watermark-icon {
bottom: 71px !important;
}
.testimonial-metal .elementskit-testimonial-slider .swiper-navigation-button {
display: flex !important;
}
} .approach-img {
height: 100%;
}
.approach-img img {
aspect-ratio: 1 / 0.547;
}
.backdrop-filter {
backdrop-filter: blur(100px);
-webkit-backdrop-filter: blur(100px);
}
.team-image img {
aspect-ratio: 1 / 1.02;
object-fit: cover;
transition: all 0.4s ease-in-out;
}
.team-item:hover .team-image img {
transform: scale(1.1);
}
.team-social-list {
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: all 0.4s ease-in-out;
}
.team-item:hover .team-social-list {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.faq-cta-icon-box .elementskit-infobox .elementskit-info-box-icon {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.faq-accordion .elementskit-accordion>.elementskit-card {
position: relative;
transition: all 0.3s ease-in-out;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 26.48%, rgba(27, 27, 27, 0.00) 155.74%);
overflow: hidden;
}
.faq-accordion .elementskit-accordion .elementskit-btn-link {
font-family: var(--e-global-typography-secondary-font-family);
}
.faq-accordion .elementskit-card-header .ekit_accordion_icon_group {
line-height: 0;
}
@media only screen and (max-width: 1024px) {
.team-image img {
aspect-ratio: 1 / 0.9;
}
}
@media only screen and (max-width: 767px) {
.team-image img {
aspect-ratio: 1 / 0.95;
}
} .service-catagery-list .elementor-icon-list-items li,
.service-catagery-list .elementor-icon-list-items li a {
flex-direction: row-reverse;
justify-content: space-between;
}
.service-catagery-list .elementor-icon-list-items li .elementor-icon-list-icon svg,
.service-catagery-list .elementor-icon-list-items li a .elementor-icon-list-icon svg {
margin: 0 !important;
transition: all 0.4s ease-in-out !important;
}
.service-catagery-list .elementor-icon-list-items li:hover .elementor-icon-list-icon svg {
transform: rotate(45deg);
}
.service-catagery-list .elementor-icon-list-text {
padding-right: 10px;
padding-inline-start: 0 !important;
}
.page-single-image img {
aspect-ratio: 1 / 0.602;
object-fit: cover;
}
.service-benefit-image img {
aspect-ratio: 1 / 0.93;
object-fit: cover;
}
.service-strategy-image {
height: 100%;
}
.service-strategy-image img {
aspect-ratio: 1 / 0.83;
object-fit: cover;
}
.strategy-counter-content {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.strategy-counter-content .elementor-heading-title {
font-family: var(--e-global-typography-accent-font-family) !important;
}
.service-strategy-counter .elementor-counter-title {
text-align: center;
}
@media only screen and (max-width: 1024px) {
.service-strategy-image img {
aspect-ratio: 1 / 0.56;
}
.service-benefit-image img {
aspect-ratio: 1 / 1.1;
}
}
@media only screen and (max-width: 767px) {
.service-benefit-image img {
aspect-ratio: 1 / 0.67;
}
} .project-item {
border: 1px solid var(--e-global-color-divider);
background: var(--e-global-color-secondary) url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/project-item-bg-shape.png) no-repeat;
background-position: top left;
background-size: auto;
backdrop-filter: blur(100px);
-webkit-backdrop-filter: blur(100px);
border-radius: 30px;
height: calc(100% - 30px);
margin-bottom: 30px;
padding: 15px;
}
.project-item-image-box {
position: relative;
}
.project-item-image {
border-radius: 20px;
overflow: hidden;
}
.project-item-image figure {
display: block;
cursor: pointer;
}
.project-item.no-image .project-item-image-box:has(:not(img)) {
display: none;
}
.project-item.no-image .project-item-image-box:has(img) {
display: block;
}
.project-item-image img {
width: 100%;
aspect-ratio: 1 / 0.633;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.project-item:hover .project-item-image img {
transform: scale(1.1);
}
.project-item-tag {
position: absolute;
top: 40px;
left: 40px;
z-index: 1;
}
.project-item-tag ul {
padding: 0;
margin: 0;
}
.project-item-tag ul li {
list-style: none;
}
.project-item-tag ul li a {
position: relative;
display: inline-block;
border: 1px solid var(--e-global-color-darkdivider);
background: var(--e-global-color-secondary) url(//strumentovoce.it/wp-content/themes/musicnest/assets/images/icon-sub-heading.svg) no-repeat;
background-position: left 16px center;
background-size: 16px auto;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 100px;
padding: 10px 15px 10px 41px;
font-size: 14px;
font-weight: 400;
line-height: normal;
letter-spacing: 0.10em;
color: var(--e-global-color-white);
transition: all 0.4s ease-in-out;
}
.project-item-body {
padding: 35px 35px 25px;
}
.project-item-content h2 {
font-size: 16px !important;
line-height: 1.7em !important;
}
.project-item-content h2 a {
color: inherit;
}
.project-readmore-btn {
line-height: 1.3em;
margin-top: 30px;
}
.project-readmore-btn a {
color: var(--e-global-color-primary);
font-weight: 500;
}
.project-readmore-btn a svg {
width: 12px;
height: auto;
margin-left: 4px;
transition: all 0.3s ease-in-out;
}
.project-readmore-btn a:hover svg {
transform: rotate(45deg);
}
.project-readmore-btn a i {
font-size: 16px;
margin-left: 4px;
transition: all 0.3s ease-in-out;
}
.project-readmore-btn a:hover i {
transform: translateX(2px);
}
@media only screen and (max-width: 1440px) {
.project-item-tag {
top: 30px;
left: 30px;
}
.project-item-body {
padding: 30px 30px 15px;
}
}
@media only screen and (max-width: 1024px) {
.project-item-tag ul li a {
font-size: 12px;
background-position: left 12px center;
background-size: 14px auto;
padding: 8px 12px 8px 34px;
}
.project-item-body {
padding: 25px 10px 10px;
}
.project-readmore-btn {
margin-top: 20px;
}
}
@media only screen and (max-width: 991px) {
.project-item {
border-radius: 20px;
}
.project-item-image {
border-radius: 14px;
}
.project-item-tag {
top: 20px;
left: 20px;
}
.project-item-body {
padding: 20px 10px 10px;
}
.project-item-content h2 {
font-size: 14px !important;
}
.project-readmore-btn {
margin-top: 15px;
}
}
@media only screen and (max-width: 767px) {
.project-item {
padding: 10px;
}
.project-item-tag {
top: 15px;
left: 15px;
}
} .project-category-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
width: 100%;
}
.project-category-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
font-weight: 600;
color: var(--e-global-color-primary);
}
.project-overview-box-list.column-2 ul {
gap: 15px 20px;
}
.impact-step-item .elementskit-infobox .ekit-icon-box-badge {
left: auto !important;
right: 0;
} .team-single-image img {
aspect-ratio: 1 / 1.253;
object-fit: cover;
}
.sidebar-cta-contact .elementskit-info-box-title {
font-family: var(--e-global-typography-text-font-family);
}
.skills-progress-bars .single-skill-bar .content-group {
width: 100% !important;
}
.skills-progress-bars .skill-bar {
height: 10px !important;
}
.skills-progress-bars .skill-bar .skill-track::after,
.skills-progress-bars .skill-bar .skill-track::before {
display: none;
}
.skills-progress-bars .content-group .skill-bar-content {
margin: 0 40px 15px 0 !important;
line-height: 1em;
}
.skills-progress-bars .single-skill-bar .number-percentage-wraper {
position: absolute !important;
top: 0 !important;
right: 0;
}
@media only screen and (max-width: 991px) {
.team-single-image img {
aspect-ratio: 1 / 0.8;
}
.skills-progress-bars .content-group .skill-bar-content {
margin: 0 40px 10px 0 !important;
}
}
@media only screen and (max-width: 767px) {
.team-single-image img {
aspect-ratio: 1 / 1.08;
}
} .photo-gallery .gallery-icon img {
aspect-ratio: 1 / 0.761;
object-fit: cover;
}
.photo-gallery .gallery-icon {
position: relative;
overflow: hidden;
border-radius: 30px;
}
.photo-gallery .gallery-icon a:after {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.photo-gallery .gallery-icon a:hover:after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
@media only screen and (max-width: 991px) {
.photo-gallery .gallery-icon {
border-radius: 20px;
}
} .video-gallery-img .ekit-video-item a::before {
transform: scale(0);
transition: all 0.5s ease-in-out !important;
}
.video-gallery-img .ekit-video-item a:hover:before {
opacity: 50% !important;
transform: scale(1);
border-radius: 30px;
}
.video-gallery-img .ekit-video-item a i {
width: 60px;
height: 60px;
display: flex !important;
align-items: center;
justify-content: center;
z-index: 1;
transition: all 0.4s ease-in-out !important;
color: var(--e-global-color-background) !important;
}
@media only screen and (max-width: 991px) {
.video-gallery-img .ekit-video-item a:hover:before {
border-radius: 20px;
}
} .wpcf7-spinner {
display: none;
}
.wpcf7-not-valid-tip {
color: #E65757 !important;
font-size: 14px;
line-height: 1.1em;
font-weight: 400;
}
.wpcf7-response-output {
margin: 20px 0 0 0 !important;
padding: 5px 10px !important;
border-radius: 30px !important;
border: 1px solid #E65757 !important;
line-height: 1.1em;
color: #E65757 !important;
}
.wpcf7-form.sent .wpcf7-response-output {
color: #46B450 !important;
border-color: #46B450 !important;
}
.ekit-wid-con a:focus-visible,
.ekit-wid-con button:focus-visible,
.ekit-wid-con input:focus-visible,
.ekit-wid-con textarea:focus-visible {
outline: none;
}
@media (max-width:1025px) {
.elementskit-navbar-nav-default .elementskit-dropdown-has>a svg.elementskit-submenu-indicator {
width: auto;
height: auto;
max-height: 12px;
}
}
@media (max-width:767px) {
.elementskit-navbar-nav-default .elementskit-dropdown-has>a svg.elementskit-submenu-indicator {
width: auto;
height: auto;
max-height: 42px;
}
}
.footer-input-form form .contact-form-footer .form-group {
display: flex;
justify-content: end;
align-items: center;
gap: 10px;
} .ekit-wid-con .elementskit-commentor-content {
margin-bottom: 0px;
}
.image-up-down {
animation: upDown 3s ease-in-out infinite;
}
@keyframes upDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
}
.wrap-text .ekit-wid-con .ekit_global_links .elementskit-infobox .box-body p {
word-wrap: break-word;
overflow-wrap: break-word;
}
.newletter-field form .form-group {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.contact-form-footer .email-field .wpcf7-not-valid-tip {
display: none;
} .spantext {
font-family: var(--e-global-typography-secondary-font-family);
font-size: 18px;
line-height: 26px;
}
.subtitle-text .elementor-icon-box-wrapper .elementor-icon-box-content h3 span {
background: -webkit-linear-gradient(var(--e-global-color-primary), var(--e-global-color-secondary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width:480px) {
.elementskit-timer-container {
margin-right: 0px !important;
margin-bottom: 20px !important;
}
}