/* Theme Name: N-HUB Project Theme URI: https://n-hubproject.com Description: Hello Elementor Child is a child theme of Hello Elementor, created by Hangar Design Group Author: Hangar Design Group Author URI: https://hangar.it Template: hello-elementor Version: 1.0 */ * { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* RESET ELEMENTOR */ h1, h2, h3, h4 { margin: 0px; padding: 0px; } p, b, a { margin: 0px; padding: 0px; } a:focus { outline: 0 !important; } input:focus { outline: 0 !important; } select:focus { outline: 0 !important; } button:focus { outline: 0 !important; } span { margin: 0px; padding: 0px; } input, a, button, textarea { box-shadow: none !important; margin: 0px; padding: 0px; outline: 0 !important; } .elementor-nav-menu--dropdown a:focus { background-color: transparent !important; } .hdg-menu-contatti a.elementor-item { margin-top: 25vw !important; color: #E9E9E9 !important; } .hdg-header { position: fixed; width: 100% !important; } .hdg-logo { opacity: 1; transition: .5s; } .scrolled .hdg-logo { opacity: 0; } .hdg-spacer { height: 1px; background-color: #000; width: 100% !important; } .hdg-main-menu li { transition: .7s; } .hdg-main-menu li:hover a { margin-left: 5%; } .hdg-main-menu .elementor-item-active { margin-left: 5%; } #hdg-icon-menu { background-color: transparent; } .scrolled #hdg-icon-menu { background-color: #fff; } .hdg-scroll { position: fixed; width: 100% !important; } .hdg-scroll-button, .hdg-top-button { position: absolute; transition: .7s; } .hdg-top-button { opacity: 0; } .hdg-scroll-button { opacity: 1; } .scrolled .hdg-top-button { opacity: 1; } .scrolled .hdg-scroll-button { opacity: 0; } .hdg-col-sfumo { backdrop-filter: blur(5px) !important; } .hdg-col-sfumo-plus { backdrop-filter: blur(25px) !important; } .hdg-number-box { position: absolute; z-index: 10; } .hdg-lines-text { height: 1px; width: 2em; background: #000; display: inline-block; margin: 0 0.3em 0.3em 0; } .hdg-lines-button { height: 1px; width: 2em; background: #000; display: inline-block; margin: 0 0.3em 0.3em 0; } .hdg-lines-button-long { height: 1px; width: 8em; background: #000; display: inline-block; margin: 0 0.3em 0.3em 0; } .hdg-lines-button-long-accordion { height: 1px; width: 8em; background: #000; display: inline-block; margin: 0 0.3em 0.3em 0; } .hdg-button:hover .hdg-lines-button, .hdg-button:hover .hdg-lines-button-long { background: #E9E9E9; } .hdg-button:hover a { color: #E9E9E9 !important; } .hdg-lines-button:hover .hdg-button, .hdg-lines-button-long:hover .hdg-button { color: #E9E9E9 !important; } .hdg-lines-button:hover a, .hdg-lines-button-long:hover a { color: #E9E9E9 !important; } .hdg-lines-text-long { height: 1px; width: 65%; background: #000; display: inline-block; margin: 0 0.3em 0.3em 0; } .hdg-lines-button-long { height: 1px; width: 45%; background: #000; display: inline-block; margin: 0 0.3em 0.3em 0; } .hdg-lines-button-long-accordion { height: 1px; width: 45%; background: #000; display: inline-block; margin: 0 0.3em 0.3em 0; } .hdg-team-sec > div { flex-wrap: wrap; } .hdg-team-sec > div > div { width: 100% !important; } /* CUSTOM SWIPER */ /* .custom-swiper .elementor-container { flex-wrap: wrap; } .custom-swiper > .elementor-container > .elementor-column { width: 100%; } .custom-swiper.swiper-container .elementor-container { flex-wrap: nowrap; } .custom-swiper.swiper-container > .elementor-container > .elementor-column { width: auto; } .custom-swiper.swiper-container .swiper-slide .elementor-inner-section > div { flex-wrap: wrap; } .swiper-pagination { position: absolute; left: -5px; display: flex; bottom: -25px; justify-content: center; width: 100%; } .swiper-pagination-bullet { background: #28334A; color: #28334A !important; display: block; width: 10px; height: 10px; margin: 25px 5px 5px; opacity: .5; } .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } */ .hdg-accordion-content { display: none; } .hdg-accordion-button-active .elementor-icon { transform: rotate(45deg) !important; } .hdg-accordion-button { cursor: pointer; } .hdg-main-menu a:after { content: ''; background-color: transparent !important; background-image: url(images/arrow.svg); background-position: center center; background-repeat: no-repeat; background-size: auto 100%; position: static !important; height: 2rem; width: 2rem; opacity: 1 !important; display: inline-block; margin-left: 15px; margin-bottom: 0; } .hdg-main-menu li:hover a:after { margin-left: 15px; background-image: url(images/arrow-grey.svg); } .hdg-main-menu a.elementor-item-active:after { background-image: url(images/arrow-grey.svg); } .hdg-menu-contatti a:after { background-image: url(images/arrow-grey.svg); } .hdg-button a:after { content: ''; background-color: transparent !important; background-image: url(images/arrow.svg); background-position: center center; background-repeat: no-repeat; background-size: auto 100%; position: static !important; height: 1.3rem; width: 2rem; opacity: 1 !important; display: inline-block; margin-left: 15px; } .hdg-button:hover a:after { background-image: url(images/arrow-grey.svg); } .hdg-button-white a:after { content: ''; background-color: transparent !important; background-image: url(images/arrow-white.svg); background-position: center center; background-repeat: no-repeat; background-size: auto 100%; position: static !important; height: 1rem; width: 2rem; opacity: 1 !important; display: inline-block; margin-left: 10px; } .hdg-button-white:hover a:after { background-image: url(images/arrow-grey.svg); } .hdg-form-contact a { color: #000; } @media only screen and (min-width: 768px) { .hdg-menu-contatti a.elementor-item { margin-top: 5vw !important; color: #E9E9E9 !important; } .hdg-main-menu li:hover a { margin-left: 15%; } .hdg-main-menu .elementor-item-active { margin-left: 15%; } .hdg-main-menu a:after { height: 3rem; width: 2rem; } .hdg-main-menu li:hover a:after { margin-left: 15%; background-image: url(images/arrow-grey.svg); } .hdg-button a:after { height: 1.5rem; width: 2rem; } .hdg-button-white a:after { height: 1.2rem; width: 2rem; } .hdg-lines-text-long { height: 1px; width: 80%; background: #000; display: inline-block; margin: 0 0.3em 0.3em 0; } .hdg-lines-button-long-accordion { width: 65%; } } @media only screen and (min-width: 1024px) { .hdg-main-menu a:after { height: 3.7vw; width: 2vw; margin-bottom: 0; margin-left: 35px; } .hdg-main-menu li:hover a:after { margin-left: 15%; background-image: url(images/arrow-grey.svg); } .hdg-button a:after { height: 3vw; width: 2vw; } .hdg-button-white a:after { height: 1.8vw; width: 2vw; } }