/* Theme Name: 360sw Naked Theme URI: https://360smartweb.it Author: 360Smartweb - Massimiliano Piacentini Author URI: https://360smartweb.it Description: Tema base realizzato con flexbox, Acf Pro, Font Awesome 5 "free", Slick Slider, Magnific Popup e infinite scroll, senza l'utilizzo di Bootstrap. Version: 1.20240521 Require at least: 5.0 Testes up to: 6.0 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags:one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, translation-ready Text Domain: sw360 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* -------------------------------------------------------------------------------- */ /* ! IMPORTA I FONT */ /* -------------------------------------------------------------------------------- */ /* @ PLAYFAIR DISPLAY */ @font-face { font-family: 'Playfair Display', serif; /* Il nome del font */ src: url('/wp-content/themes/swnaked/fonts/google-fonts/PlayfairDisplay-VariableFont_wght.ttf') format('ttf'); font-weight: 400; /* Peso del font */ font-style: normal; /* Stile normale */ font-display: swap; /* Ottimizzazione per le prestazioni */ } h1,h2,h3,h4,h5,h6,.wp-block-cover:has(h2,h3,h4,h5,h6),p.has-gigante-font-size{font-family: "Playfair Display", serif;} /* @ POPPiNS */ @font-face { font-family: 'Poppins', sans-serif; /* Il nome del font */ src: url('/wp-content/themes/swnaked/fonts/google-fonts/Poppins-ExtraLight.ttf') format('ttf'); font-weight: 200; /* Peso del font */ font-style: normal; /* Stile normale */ font-display: swap; /* Ottimizzazione per le prestazioni */ } @font-face { font-family: 'Poppins', sans-serif; /* Il nome del font */ src: url('/wp-content/themes/swnaked/fonts/google-fonts/Poppins-Light.ttf') format('ttf'); font-weight: 300; /* Peso del font */ font-style: normal; /* Stile normale */ font-display: swap; /* Ottimizzazione per le prestazioni */ } @font-face { font-family: 'Poppins', sans-serif; /* Il nome del font */ src: url('/wp-content/themes/swnaked/fonts/google-fonts/Poppins-Regular.ttf') format('ttf'); font-weight: 400; /* Peso del font */ font-style: normal; /* Stile normale */ font-display: swap; /* Ottimizzazione per le prestazioni */ } @font-face { font-family: 'Poppins', sans-serif; /* Il nome del font */ src: url('/wp-content/themes/swnaked/fonts/google-fonts/Poppins-Bold.ttf') format('ttf'); font-weight: 700; /* Peso del font */ font-style: normal; /* Stile normale */ font-display: swap; /* Ottimizzazione per le prestazioni */ } body{font-family: 'Poppins', sans-serif;} /* -------------------------------------------------------------------------------- */ /* ! CSS Style */ /* -------------------------------------------------------------------------------- */ /* @ Admin bar */ .admin-bar .navbar {top:32px;} body.admin-bar {padding-top:32px;} h1.seo-title {position: absolute;top: -100px;} /* @ Generale */ body { display: flex; min-height: 100vh; flex-direction: column; padding-top: 0px; background-color: #ffffff; box-sizing: border-box; font-size:16px; overflow-x: hidden; } html {box-sizing: border-box;margin:0; padding: 0;scroll-behavior: smooth;} :target {display: block;position: relative;} a {color:var(--color1);text-decoration:none;} a:hover {text-decoration:none;color:var(--color1);} h1, h2, h3, h4 h5, h6, ol, ul, p {margin:0; padding: 0;} h2, h3, h4, h5, h6 {line-height: 42px;font-weight: bold;} h1 {font-size:2.6rem;margin: 0 0 15px;} h2 {font-size:2.3rem;margin:15px 0;} h3 {font-size:2rem;margin:15px 0;} h4 {font-size:1.5rem;margin:15px 0;} h5, h6 {font-size:1.2rem;margin:15px 0;} p {font-size:1rem;line-height: 25px;margin-bottom:15px;color:var(--color_text);} img {height:auto;} body.navbar-transparent {padding-top: 0px;} .main-title{color: #2d2d2d;text-align: center;text-transform: capitalize;padding: 0.7em 0;} .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {margin-bottom: 15px;} main, header, .jumbotron .container {padding: 0 30px;} @media (max-width: 1024px) { body.admin-bar {padding-top:46px;} body.home .main-content {padding-top: 0px !important;} } /* -------------------------------------------------------------------------------- */ /* ! COLORI DAL CUSTOMIZER */ /* -------------------------------------------------------------------------------- */ body, .main-content {background: var(--colore_bg_sito);} .main-content p:not(.cont-slider-new--testo), .main-content ul:not(.cont-slider-new--testo), .main-content ol:not(.cont-slider-new--testo), .main-content li:not(.cont-slider-new--testo) {color: var(--color_text);} body.home .main-content .wp-block-cover p{color:#fff;} header {background: var(--colore_background_navbar);} header .menu-360 {background: transparent;} li.menu-item a:after {background-color:var(--colore_navbar_hover);} #footer-widget.bg-foot, .bg-foot { background:#555; background: var(--colore_background_footer); } /* -------------------------------------------------------------------------------- */ /* ! NAVBAR MENU */ /* -------------------------------------------------------------------------------- */ /* @ Toggle */ header {position: fixed;width: 100%;z-index: 99;border-bottom: 2px solid #cf9c81;background-color:#fff;display: flex;} header .container-header {margin: 0 auto;width: 100%;display: flex;padding: 10px 0;justify-content: space-between;align-items: center;} header .header__icon, .icon-hamburger{ width: 30px;height: 30px;position: relative;display:none;z-index: 9999999;} header .header__icon {display:none;} header .icon-hamburger span {height: 3px;width: 100%; position: absolute; background:var(--colore_hamburger); top: 11px; transition: all 0.2s ease-in-out;} header .icon-hamburger span:before, header .icon-hamburger span:after{height: 3px;width: 100%; position: absolute; background:var(--colore_hamburger); content: ' '; margin-top: -10px;transition:all 0.3s cubic-bezier(.215, .61, .355, 1); right:0px;} body header.open .icon-hamburger span, body header.open .icon-hamburger span:before, body header.open .icon-hamburger span:after, body.is-scrolled header .icon-hamburger span, body.is-scrolled header .icon-hamburger span:before, body.is-scrolled header .icon-hamburger span:after {background: var(--colore_hamburger_scrolled);} header .icon-hamburger span:after{margin-top: 10px} header.open .icon-hamburger span{background: transparent!important;} header.open .icon-hamburger span:before{transform: rotate(45deg);margin-top: 0;} header.open .icon-hamburger span:after{transform: rotate(-45deg);margin-top: 0;} /* @ GRANDEZZA NAVBAR */ nav.menu-360 {width: 80%;display: flex;align-items: center;justify-content: space-between;} .container-logo {width: 20%;} @media (max-width: 768px) { header nav.menu-360 {width: 100%;align-items: center;justify-content: center;flex-direction: column;} header nav.menu-360 .social-navbar {margin-top: 50px;} header nav.menu-360 .social-navbar ul li, header nav.menu-360 .social-navbar ul li a { color: #141414 !important; } header nav.menu-360 .social-navbar ul li a {border-right: 1px solid #141414 !important;padding: 0 20px;} } /* Fine mediaquery */ /* @ NAVBAR - STILE SU STATO NORMALE */ ul.menu-navbar li {display:grid;} a.navbar-360.logo.animate {display: flex;align-items: left;} .navbar-360 {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction:column;padding-left: 0;margin-bottom: 0;list-style: none;z-index: 99999999;} /* @ Logo prima dello scroll e dopo lo scroll */ body .navbar-360 img{width: 300px;height: auto;padding: 6px 0px;} body.is-scrolled .navbar-360 img{width: 200px !important;height: auto;padding: 6px 0px;} /* @ Disposizione della navbar e dei suoi elementi */ .menu-360 {display: flex;align-items: center;} .menu-navbar {display: flex;width: 75%;justify-content: center;} .social-navbar{width: 25%;justify-content: flex-end;display: flex;} body.page-template-template-navbar-trasparente.is-scrolled li.menu-item.cta-call a, body.page-template-template-homepage.is-scrolled li.menu-item.cta-call a, body.blog.is-scrolled li.menu-item.cta-call a, li.menu-item.cta-call a {background: transparent;color: var(--color1) !important;border-radius: 3px;padding: 15px 20px;margin-left: 20px;border: 1px solid var(--color1);transition: all .3s cubic-bezier(.215, .61, .355, 1);} li.menu-item.cta-call a i {font-size: 0.85rem;} body.page-template-template-navbar-trasparente li.menu-item.cta-call a, body.page-template-template-homepage li.menu-item.cta-call a {background: transparent;color: #fff !important;border-radius: 5px;padding: 15px 20px;margin-left: 20px;border: 1px solid #fff;transition: all .3s cubic-bezier(.215, .61, .355, 1);} li.menu-item.cta-call a:hover {background: var(--color1);color: #fff !important;} .bg-360 {background-color: #192042 !important;border-bottom: 2px solid #78d98c;} .nav-link {color: #fff !important;font-size: 13px;padding: 10px 15px !important;font-weight: 500;text-transform: uppercase;letter-spacing: 3px;} .navbar-brand img {width: auto; height: 35px;} .form-control {background: transparent; border: none;} .icon-search {background: transparent; color: #fff !important; border: none; font-size: 18px; margin-right: 10px;} @media (max-width: 450px) { .navbar-360 img {width: 240px !important;height: auto;} .icon-hamburger{ left: 0px;} body.page-template-template-navbar-trasparente li.menu-item.cta-call a, body.page-template-template-homepage li.menu-item.cta-call a, header nav li.menu-item.cta-call a {background: transparent;color: var(--color1) !important;border: 1px solid var(--color1) !important;} header nav li.menu-item.cta-call a {margin:0 20px;} ul.menu-navbar:not(.sub-menu) li:not(.menu-item-has-children) {display: grid;margin: 20px 0;} ul.menu-navbar:not(.sub-menu) li.menu-item-has-children li{margin: 0 0 !important;} .social-navbar{width: 100%;justify-content: center;} } @media (max-width: 1024px) { .icon-hamburger {display:inline-block;} .menu-navbar {display: block;} header .header__icon {display:block;} nav {display:none;} .navbar-360 {display: inline-block;z-index: 99999999;} /* .navbar-360 img {padding-left:20px;} */ nav {display: block;position: absolute;content: '';top: 0;left: 0;width: 100vw;height: 100vh;z-index: 9999999;background: #111;transform:translateX(-100%);overflow: hidden;} header nav {transition: all 0.5s cubic-bezier(.215, .61, .355, 1);} header.open nav {transform:translateX(0%);} .menu-360 {display: flex;justify-content: center;align-items: center;background: #fff;} } @media (max-width: 1200px) { .navbar-brand img {padding-left:20px;} header .container-header {padding: 15px 0;} } /* @ NAVBAR - Stile degli elementi di menu */ ul:not(.sub-menu) li.menu-item a {margin:0 10px;} ul.sub-menu li.menu-item a {margin:0 auto;} li.menu-item a {color: #242424;padding: 15px 10px;text-align: center;font-size: 1rem;font-weight:200;position: relative;margin-block: 2px;transition: .3s;border-radius: 5px;;} /* @ NAVBAR - STILE SU STATO HOVER */ ul.menu-navbar > li.menu-item:not(.cta-call):not(.current-menu-item):not(.menu-item-has-children) a:hover {background-color: #141414;color:#fff!important;} ul.menu-navbar li.menu-item.menu-item-has-children ul.sub-menu li ul.sub-menu li a:hover {background-color:#6c6c6c;border-radius: 0;} /* @ NAVBAR - CURRENT MENU ITEM */ li.menu-item.current-menu-item{background: var(--colore_menu);border-radius: 3px;} li.menu-item.current-menu-item a, body.is-scrolled li.menu-item.current-menu-item a{color:#fff !important;} /* @ NAVBAR - COLORI ELEMENTI MENU - TEMPLATE VARI */ body.home .menu-navbar li.menu-item:not(.cta-call) a, body.page-template-template-video-header .menu-navbar li.menu-item:not(.cta-call) a, body.page-template-template-carosello .menu-navbar li.menu-item:not(.cta-call) a, body.page-template-template-homepage .menu-navbar li.menu-item:not(.cta-call) a, body.page-template-template-page-hero-img .menu-navbar li.menu-item:not(.cta-call) a, body.blog .menu-navbar li.menu-item:not(.cta-call) a, body .menu-navbar li.menu-item.menu-item-has-children ul.sub-menu li a{color:#fff;} body.page-template-template-page-hero-title .menu-navbar li.menu-item:not(.cta-call) a, body.page-template-template-page-hero-none .menu-navbar li.menu-item:not(.cta-call) a, body.page-template-template-password .menu-navbar li.menu-item:not(.cta-call) a, body.page-template-template-full-width .menu-navbar li.menu-item:not(.cta-call) a, body .menu-navbar li.menu-item.menu-item-has-children ul.sub-menu li a{color:#141414;} /* @ Social network in navbar */ .social-navbar ul {list-style-type: none;display: inline-flex;} .social-navbar ul li a{font-size:1.1rem;padding: 0 7px;margin:0 2px;} body header:not(.open) .social-navbar ul li, body header:not(.open) .social-navbar ul li a {color:#fff;transition: all .3s cubic-bezier(.215, .61, .355, 1) !important; -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);} body.page-template-template-page-hero-title header:not(.open) .social-navbar ul li a, body.is-scrolled header:not(.open) .social-navbar ul li, body.is-scrolled header:not(.open) .social-navbar ul li a {color:#141414;} body.is-scrolled header:not(.open) .social-navbar ul li:hover, body.is-scrolled header:not(.open) .social-navbar ul li a:hover, body header:not(.open) .social-navbar ul li:hover, body header:not(.open) .social-navbar ul li a:hover {color:var(--color1) !important;} .social-navbar ul li:not(:last-of-type) a {border-right: 1px solid #b5b5b5;} /* @ NAVBAR - STILE SU PROFONDITÀ CHILD */ li.menu-item.menu-item-has-children i {position: absolute;top: 0;right: 10px;line-height: 43px;color:#d1d1d1;} li.menu-item.menu-item-has-children li.menu-item.menu-item-has-children i {color:#181818;} /* body li.menu-item.menu-item-has-children i, body.is-scrolled li.menu-item.menu-item-has-children i {color:#181818;} */ .menu-item-has-children {position: relative;padding-right: 15px;} .menu-item-has-children ul {display: flex;position: absolute;content: '';top: 50px;left: 50%;background: #fff;transform: translateX(-50%);max-height:0px;overflow:hidden;flex-flow: column;max-width: 450px;transition: max-height .15s ease-out;padding: 0 10px;} .menu-item-has-children ul.sub-menu {max-height:0px;} .menu-item-has-children.open ul {max-height:300px;padding:0 10px /* Sopra e sotto deve stare a zero altrimenti scatta */;transition: max-height .3s ease-in;} .menu-item-has-children.open ul li a {color:#121212;} ul.sub-menu li a {width: max-content;display: inline-block;max-width: 300px;text-align: center;padding: 20px 40px;} @media (max-width: 768px) { header .container-header nav.menu-360 ul.menu-navbar li.menu-item a {color: #333;} li.menu-item.menu-item-has-children i {color:#333;} .menu-item-has-children ul {/*max-height: 0 !important;*/overflow: hidden !important;padding: 0px !important;transition: max-height .2s;display: flex !important;flex-direction: column !important;position: relative !important;top:0;left:0;justify-content: center;transform: none;text-align:center;} .menu-item-has-children.open ul {transition: .45s !important;max-height: 300px !important;margin: 20px auto;} .menu-item-has-children {position: relative;padding-right: 0px;} ul.sub-menu li a {margin:0 auto;} } /* Fine m-query */ /* @ 3° livello del DEPTH */ .menu-item-has-children ul.sub-menu li {padding: 5px 0;} .menu-item-has-children ul {width: max-content;} .menu-item-has-children.open ul.sub-menu li ul.sub-menu li {background-color: var(--colore_menu);opacity:.85;} .menu-item-has-children.open ul.sub-menu li ul.sub-menu li a{color:#fff;} .menu-item-has-children ul.sub-menu .menu-item-has-children ul.sub-menu {margin: 0 auto;} .menu-item-has-children.open ul.sub-menu .menu-item-has-children.open ul.sub-menu {max-height: 200px;} .menu-item-has-children ul.sub-menu li.menu-item.menu-item-has-children i {top: -3px;right: 10px;line-height: 55px;} @media (max-width: 768px) { .menu-item-has-children.open ul .menu-item-has-children ul { max-height: 0 !important; } .menu-item-has-children ul:has(.menu-item-has-children.open), .menu-item-has-children ul .menu-item-has-children.open ul, .menu-item-has-children.open ul .menu-item-has-children.open ul { max-height: 300px !important; } } /* Fine mediaquery */ /* -------------------------------------------------------------------------------- */ /* ! Aggiustamenti 2022 */ /* -------------------------------------------------------------------------------- */ main.main-content {padding-top: 0px !important;} body header {background:#0000000d !important;border-bottom: 0px solid #cf9c81;transition: all .3s cubic-bezier(.215, .61, .355, 1);} body main.main-content .container .grid .col-100.col-homepage{padding-top:0;} body .menu-item-has-children.open ul li a {margin: 0 auto;} body.is-scrolled header {background: #fff !important;box-shadow: 0px 0px 20px -12px #999;} /* body.is-scrolled .logo {filter: invert(1);} */ body.is-scrolled nav.menu-360 li.menu-item:not(.current_page_item) a {color: #121212 !important;} /* body.is-scrolled li.menu-item.cta-call a {color:#fff !important;} */ /* body:not(.home) main {margin-top: 85px;} */ /* -------------------------------------------------------------------------------- */ /* ! ANIMAZIONI */ /* -------------------------------------------------------------------------------- */ .text-reveal{transform: translateY(1rem);clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);} .fade-in {opacity:0;transform: translateY(1rem);} .fade-up {opacity:0;transform: translateY(5rem);} /* @ SHORTCODE - FADEUP SU LETTERE SPLITTATE */ #animazione-2 {line-height: 3.6rem;display: flex;align-content: center;} #animazione-2 span.word-animated {overflow:hidden;opacity:0;transform:translateY(100px);} #animazione-2.in-page span.word-animated {animation: ganzo 1s forwards;animation-iteration-count:1;display: inline-flex;align-items: center;justify-content: center;} #animazione-2 span.word-animated.empty-space {display: block;} @keyframes ganzo { 5% {opacity:0;} 100% {transform: translateY(0);opacity:1;} } /* @ Animazioni CSS */ @keyframes fadeInUpSD { 0% {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @-webkit-keyframes fadeInUpSD { 0% {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInDownSD { 0% {opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @-webkit-keyframes fadeInDownSD { 0% {opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInLeftSD { 0% {opacity: 0;-webkit-transform: translateX(-50px);transform: translateX(-50px);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @-webkit-keyframes fadeInLeftSD { 0% {opacity: 0;-webkit-transform: translateX(-50px);transform: translateX(-50px);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInRightSD { 0% {opacity: 0;-webkit-transform: translateX(50px);transform: translateX(50px);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @-webkit-keyframes fadeInLeftSD { 0% {opacity: 0;-webkit-transform: translateX(50px);transform: translateX(50px);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInSD { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fadeInSD { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeInUpSD {-webkit-animation-name: fadeInUpSD;animation-name: fadeInUpSD;} .fadeInDownSD {-webkit-animation-name: fadeInDownSD;animation-name: fadeInDownSD;} .fadeInRightSD {-webkit-animation-name: fadeInRightSD;animation-name: fadeInRightSD;} .fadeInLeftSD {-webkit-animation-name: fadeInLeftSD;animation-name: fadeInLeftSD;} .fadeInSD {-webkit-animation-name: fadeInSD;animation-name: fadeInSD;} .slick-active .cont-slider-new .cont-slider-new--cont-titolo, .slick-active .cont-slider-new .cont-slider-new--testo{animation-name: fadeInUpSD;animation-duration: 1s;opacity: 1;width: 100%;padding: 10px 20px;} .slick-active .cont-slider-new .cont-slider-new--bottone {animation-name: fadeInDownSD;animation-duration: 2.5s;opacity: 1;} .in-page.dasinistra {animation-name: fadeInLeftSD;animation-duration: 2.5s;opacity: 1;} .in-page.dasotto {animation-name: fadeInUpSD;animation-duration: 2.5s;opacity: 1;} .in-page.fade {animation-name: fadeInSD;animation-duration: 2.5s;opacity: 1;} /* -------------------------------------------------------------------------------- */ /* ! PLACEHOLDERS */ /* -------------------------------------------------------------------------------- */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #5f5e5c !important;} ::-moz-placeholder { /* Firefox 19+ */ color: #5f5e5c !important;} :-ms-input-placeholder { /* IE 10+ */ color: #5f5e5c !important;} :-moz-placeholder { /* Firefox 18- */ color: #5f5e5c !important;} /* -------------------------------------------------------------------------------- */ /* ! ALTRO */ /* -------------------------------------------------------------------------------- */ @media (max-width: 1200px) { .navbar-collapse {flex-basis: 100%;} .navbar-transparent.is-scrolled .bg-primary {background: rgba(0, 0, 0, 0.9) !important;} .collapse-massi {padding-top:30px;} .ul-massi {padding-bottom: 30px;} .navbar-collapse .navbar-social > a {margin-right:15px;} .nav-link a{padding:6px 0px;} .navbar-social {flex-direction: row;padding-left:0px;} .navbar-transparent .bg-primary {background: #131313;} } @media (max-width: 768px) { .navbar-collapse .navbar-social > a {margin-right:15px;} ul.navbar-social.mar-soc {margin-left: 0px;} ul.navbar-social.mar-soc li {margin: 0px 20px 0px 0px;} .nav-link a{padding:6px 0px;} } /* -------------------------------------------------------------------------------- */ /* ! ALIGN WIDE & ALIGN FULL */ /* -------------------------------------------------------------------------------- */ /* @ Alignfull */ .alignfull {width: 100vw !important;margin-left: calc(50% - 50vw) !important;} .alignfull .wp-block-group {max-width:1250px; margin: 0 auto;} /* @ Alignwide */ .alignwide {width: calc(100% + 20vw);position: relative;/* left: -10vw; */} @media (min-width: 960px) { .alignwide {width: calc(100% + 20vw);margin: 2rem -10vw;} } /* -------------------------------------------------------------------------------- */ /* ! HELPERS */ /* -------------------------------------------------------------------------------- */ /* @ MOUSE FOLLOW */ div.ball {pointer-events: none;position: absolute;top: 0;left: 0;transform: translate(-50%, -50%);border-radius: 50%;z-index: 9999999999;} div.ball span.inset {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 100%;z-index: 99999999999999999;} @media (max-width: 768px) { div.ball{display: none;} } /* @ CLASI DI HELP */ .color1 {color:var(--color1);} .color2 {color:var(--color1);} .color3 {color:var(--color3);} .color4 {color:var(--color1);} .hide {display:none;} .animate {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .main-content {flex: 1;} .card-columns {column-count: 4;} .abs{position: absolute;} .rel{position: relative;} .tac{text-align:center;} img.img-responsive {max-width: 100%;height: auto;width: 100%;} .img-responsive2 {max-width: 100%;height: 100%;width: 100%;object-fit: cover;} .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} img.img-fluid {width: 100%; height:auto;} .p10 {padding:10px !important;} .text-3 { font-size: 1.8rem !important; line-height: 2.2rem !important; } .light { font-weight: 200 !important; } /* @ WIDGET SEARCH AREA */ .widget_search .screen-reader-text { display: block;} .widget_search #s { width: 70%; float: left;} .widget_search #searchsubmit { width: 30%; float: left;} button.wp-block-search__button.wp-element-button {background: var(--color2) !important;color: #fff;border: 1px solid var(--color2);padding: 10px 25px;} .wp-block-search__inside-wrapper {margin-top: 15px;} .wp-block-search__label {width: 100%;font-size: 1.2rem;font-weight: 500;} @media (max-width: 767px){ /* @ ORDINE DELLA GRIGLIA DA MOBILE */ .o1 {order:1 !important;} .o2 {order:2 !important;} .o3 {order:3 !important;} } /* -------------------------------------------------------------------------------- */ /* ! TEMPLATE */ /* -------------------------------------------------------------------------------- */ /* @ TEMPLATE FULLWIDTH E WIDE */ .page-template-full-width .main-content {width: 100%;margin: 0px;border: 0px;padding-left: 0px;max-width: 2500px;} .page-template-full-width .site {margin:0px;} div.fw {width: 100% !important;margin: 0px !important;border: 0px !important;padding-left: 0px !important;max-width: 2500px !important;} /* @ TEMPLATE PAGE HERO */ body.page-template-template-page-hero-img header.navbar-classica + section.jumbotron {margin-top: 85px;} body.page-template-template-page-hero-img header.navbar-classica .navbar-360 img {filter: brightness(1) invert(0);} body.page-template-template-page-hero-img li.menu-item a {color: #fff;} body.page-template-template-page-hero-img header.navbar-classica li.menu-item a {color: #242424;} /* @ TEMPLATE HOMEPAGE */ body.page-template-template-homepage li.menu-item a {color:#fff;} /* -------------------------------------------------------------------------------- */ /* ! CALL TO ACTION BOX HERO */ /* -------------------------------------------------------------------------------- */ .call-to-action-box, .call-to-action-box-2, .call-to-action-box-post, .call-to-action-box-servizi {display:flex;align-items: center;justify-content: center; text-align: center;background-size: cover !important;} .cta-title {font-size: 2.8rem;text-shadow: 0px 0px 20px #000;color:#fff;} /* @ HERO 2023 */ .jumbotron-no-img {position: relative;background: transparent;margin-bottom: 85px;margin-top: 93px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 10vh;background: var(--colore_background_footer);} .jumbotron-no-img-no-bg {position: relative;background: transparent;/* margin-bottom: 85px;margin-top: 85px; */display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 10vh;background: transparent;} .jumbotron-no-img .container {width: 100%;max-width: 1250px;margin: 0 auto;} .cta-title.cta-title--no-img {font-size: 2.8rem;text-shadow: 0px 0px 0px #000;color: #fff;} .hero-img{height: 50vh;margin-top: 85px;display: flex;align-items: center;justify-content: center;} body.page-template-template-navbar-trasparente .hero-img, body.page-template-template-navbar-trasparente .jumbotron-no-img {margin-top:0;} body.page-template-template-page-hero-img .navbar-360 img, body.page-template-template-page-hero-none .navbar-360 img, body .navbar-360 img {filter: brightness(0) invert(1);} body.single .navbar-360 img, body.page-template-template-page-hero-none .navbar-360 img, body.page-template-template-page-hero-title .navbar-360 img, body.page-template-template-password .navbar-360 img, body.page-template-template-navbar-trasparente.is-scrolled .navbar-360 img, body.is-scrolled .navbar-360 img {filter: brightness(1) invert(0);} @media (max-width: 768px) { header.open .navbar-360 img{z-index: 99999999;filter: brightness(0) invert(0) !important;} } /* Fine mediaquery */ /* -------------------------------------------------------------------------------- */ /* ! BREADCRUMBS */ /* -------------------------------------------------------------------------------- */ #breadcrumbs{color:#242424;list-style:none;margin:0px 0;overflow:hidden;padding-inline-start: 0px !important;display: flex;padding:5px 0;} #breadcrumbs li{display:inline-block;vertical-align:middle;margin-right:15px;font-size: .8em !important;line-height: .8rem;} #breadcrumbs .separator{font-size:18px;font-weight:100;color:#242424;} li.item-cat a, .bread-home {color:var(--color1);} .bg-bread {background-color: var(--color3);position:absolute;bottom:0px;text-align:left;} .breadcrumbs {padding:3px 0px !important;} ul#breadcrumbs li a, ul#breadcrumbs li {font-size: .9em !important;} /* -------------------------------------------------------------------------------- */ /* ! BOTTONI - BUTTONS - PULSANTI */ /* -------------------------------------------------------------------------------- */ .container-btn a.btn-index {background: #333;color: #fff;padding: 10px 30px;display: block;width: fit-content;width: max-content;margin-top: 30px;border-radius: 0;} .btn-blog-grid {background: var(--color1);border:2px solid var(--color1);color: #fff;padding: 7px 20px;display: inline-flex;margin-top: 25px;display: block;width: fit-content;transition: all .3s cubic-bezier(.215, .61, .355, 1);} .btn-blog-grid:hover {background: transparent; color:var(--color1);padding: 7px 20px;display: inline-flex;margin-top: 25px;display: block;width: fit-content;} .btn-primario {background-color: #fff;color: #141414;font-size: 1rem;border: 2px solid #fff;padding: 10px 30px;margin-top: 18px;display: inline-flex;transition: all .3s cubic-bezier(.215, .61, .355, 1);-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);-moz-transition: all .3s cubic-bezier(.215, .61, .355, 1);-o-transition: all .3s cubic-bezier(.215, .61, .355, 1);} .btn-primario:hover {color: #fff;background: transparent;} /* @ BOTTONI DI DEFAULT */ .wp-block-button__link {transition: all .3s cubic-bezier(.215, .61, .355, 1);} .wp-block-button__link.has-grigio-333-background-color:hover {color: #fff;background: var(--color2);} .has-nero-background-color {border:2px solid #000;} .has-colore-1-background-color {border:2px solid var(--color1);} .has-colore-1-background-color:hover {background:transparent !important;} .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover, .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {background: #000;color: #fff;border: 2px solid #000;} /* -------------------------------------------------------------------------------- */ /* ! UTILITIES */ /* -------------------------------------------------------------------------------- */ /* @ Stile dei titoli */ main h2.has-text-align-center {position:relative;margin-bottom:35px !important;} main h2.has-text-align-center:after { content: '...'; position: absolute; left: 50%; bottom: -30px; color: var(--color1); font-size: 1.5rem; background: transparent; letter-spacing: 2rem; transform: translateX(-50%); padding-left: 23px; } main h2.decorato:not(.has-text-align-center) {position:relative;margin-bottom:35px !important;} main h2.decorato:not(.has-text-align-center):after { content: '...'; position: absolute; left: 0; bottom: -30px; color: var(--color1); font-size: 1.5rem; background: transparent; letter-spacing: 2rem; } /* @ VIDEO EMBED */ .wp-block-embed__wrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px; height: 0;} .wp-block-embed__wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* @ BLOCKQUOTE - CITAZIONI */ blockquote {background: var(--color3);color: #fff;padding: 30px 70px;border-radius: 25px;position:relative;margin: 35px 0;} blockquote cite {color:var(--color2);} blockquote p {color: var(--color1) !important;margin-bottom: 25px;font-size: 1.7rem;line-height: 2.1rem;letter-spacing: .7px;word-spacing: 6px;} blockquote::before {content: "\f10d";font-family: FontAwesome;position: absolute;left: 20px;font-size: 30px;top: 25px;} blockquote::after {content: "\f10e";font-family: FontAwesome;position: absolute;right: 20px;font-size: 30px;bottom: 25px;} /* @ TESTI IN VERSI */ pre.wp-block-verse {white-space: nowrap;overflow: auto;border-left: 4px solid;padding-left: 12px;text-transform: uppercase;} pre {color: #6b6b6b;} /* @ VIDEO RESPONSIVE */ .media-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;width:100%;} .media-container iframe, .media-container object, .media-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%; } /* @ COMMENTI */ #comments {margin-bottom: 40px;} .comments {padding-top: 40px;} .comments textarea {width: 100%; } .comments label {min-width: 80px;} .comments ul, .comments ol {list-style-type: none;} .comment .reply{border-bottom: 1px solid #ccc; margin-bottom: 30px;padding-bottom: 10px;} .comment-author img {border-radius: 999px; height: 35px; width: 35px;} .comment-author vcard {height: 35px; width: 35px;} /* @ EFFETTO BLUR - GLASS */ .colonna-b3, .colonna-b2, .colonna-b1 { background-color: #ffffff15; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); padding: 20px 20px; border-radius: 15px; overflow: hidden; } /* @ Spaziature varie */ .colonnaServizi {padding: 50px 20px;} /* -----.decorato--------------------------------------------------------------------------- */ /* ! SLICK SLIDER */ /* -------------------------------------------------------------------------------- */ /* .slick-slide {width: 100vw;position: relative;left: 0px;top: 0px;z-index: 999;opacity: 1;} span.slick-prev.slick-arrow {top: 50%;transform: translateY(-50%);left: 2% !important;} span.slick-next.slick-arrow {top: 50%;transform: translateY(-50%);right: 2%;} span.slick-next.slick-arrow, span.slick-prev.slick-arrow {position: absolute;content: '';z-index:9;color: #fff;font-size: 30px;background: rgb(0 0 0 / 15%);width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 100%;} .cont-slider-new {position:relative;} .cont-slider-new img {max-width:100vw;width:100vw;height:75vh;object-fit: cover;min-height: 55vh;} .cont-slider-new .cont-slider-new--txt {position: absolute;color: #fff!important;z-index: 9999;content: '';top: 50%;left: 50%;transform: translate(-50%, -50%);margin:0;} .cont-slider-new--titolo {color:#fff;text-align: center;font-size: 3.6em;text-shadow: 1px 1px 5px #000;} .cont-slider-new--testo {color:#fff;text-align: center;font-size: 1.5em;text-shadow: 1px 1px 5px #000;font-weight: 200;} ul.slick-dots li {background: #fff;width: 10px;height: 10px;margin: 5px;border-radius: 12px;border: 1px solid #d8d5d5;} ul.slick-dots li.slick-active {background: #888;border: 1px solid #000;width: 15px;height: 15px;margin: 3px;} ul.slick-dots {position:absolute;content:'';left:50%;transform: translate(-50%);bottom:15px !important;display:inline-flex !important;list-style-type:none !important;} ul.slick-dots li button{display:none;} @media (max-width: 768px) { .cont-slider-new h3.cont-slider-new--titolo {font-size:2.5rem;text-align: center;} } */ /* -------------------------------------------------------------------------------- */ /* ! SPLIDE */ /* -------------------------------------------------------------------------------- */ #slider-home.splide, #slider-home.splide li:not([role="presentation"]), /* #slider-home.splide img {height: 80vh;} */ #slider-home.splide img {width: 100%;object-fit: cover;} #slider-home li.splide__slide {position: relative;overflow: hidden;} #slider-home .splide__slide .contenitore-testo {position: absolute;top: 50%;left: 50%;max-width: 992px;height: 100%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;flex-direction: column;} #slider-home .splide__slide .contenitore-testo, #slider-home .splide__slide .contenitore-testo h2, #slider-home .splide__slide .contenitore-testo p {width: 100%;max-width: 992px;text-align: left;color: #fff;} #slider-home .splide__slide .bg-tend {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000063;content: '';opacity: 0;} #slider-home.splide {position: relative;} #slider-home .splide__pagination {position: relative;bottom: 45px;} #slider-home .contenitore-testo h2 {font-size: 4.5rem;line-height: 5.3rem;} #slider-home .contenitore-testo p {font-size: 1.2rem;} #slider-home .splide__slide img {transform: scale(1);transition: 7s;} #slider-home .splide__slide img.in-page {transform: scale(1.1);} #slider-home i.icofont-thin-double-right, #slider-home i.icofont-thin-double-left {font-size: 1.5rem;color:#fff;} #slider-home .splide__arrow {background: #00000070;border: 1px solid #fff;border-radius: 0;} #slider-home button.splide__arrow.splide__arrow--next {top: unset !important;transform: none !important;bottom: 30px;right: 40px !important; left: unset;width: 50px;height: 50px;} #slider-home button.splide__arrow.splide__arrow--prev {top: unset !important;transform: none !important;bottom: 30px;right: 100px !important;left: unset;width: 50px;height: 50px;} #slider-home .numero-slide {position: absolute;bottom: 30px;left: 30px;color: #fff !important;font-weight: 100;font-size: 1.2rem;letter-spacing: 7px;opacity: 0.75;} /* @ Animazione slide down */ #slider-home .in-page.splide__slide .bg-tend {animation: my-animation 1s 1 forwards;animation-delay: .5s;} @keyframes my-animation { 0% {transform: translateY(-100%);opacity: 1;} 5% {transform: translateY(-100%);} 100% {transform: translateY(0%);opacity: 1;} } /* @ animazione Fade massi */ #slider-home .splide__slide .contenitore-testo h2, #slider-home .splide__slide .contenitore-testo p {overflow-y: hidden;opacity:0;} #slider-home .splide__slide .contenitore-testo h2.in-page {animation: fade-massi 1s 1 forwards;animation-delay: 1.2s;} #slider-home .splide__slide .contenitore-testo p.testo-slider.in-page {animation: fade-massi 1s 1 forwards;animation-delay: 1.4s;} #slider-home .splide__slide .contenitore-testo p.pulsante-slider.in-page {animation: fade-massi 1s 1 forwards;animation-delay: 1.6s;} @keyframes fade-massi { 0% {opacity: 0;} 5% {opacity: 0;} 100% {opacity: 1;} } @media (max-width: 768px) { #slider-home .splide__slide .contenitore-testo { padding: 0 20px; } #slider-home.splide, #slider-home.splide li:not([role="presentation"]), #slider-home.splide img {height: 100vh;} #slider-home .contenitore-testo h2 {font-size: 2.8rem;line-height: 3.2rem;} } /* Fine mediaquery */ /* -------------------------------------------------------------------------------- */ /* ! COVER */ /* -------------------------------------------------------------------------------- */ body.page-template-template-homepage .cover {position:relative;background:#000;padding:20px;min-height:80vh;display: flex;flex-flow: column; align-items: center;justify-content: center;text-align: center;border:1px solid #000;} body.page-template-template-homepage .cover__bg {position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://images.unsplash.com/photo-1511576661531-b34d7da5d0bb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2670&q=80) center center;background-size: cover;z-index:0;} body.page-template-template-homepage .cover__bg:after {content:' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);background-size: cover;} body.page-template-template-homepage .cover__content {max-width:600px;position: relative;z-index: 1;} body.page-template-template-homepage .cover--intro {overflow: hidden;} body.page-template-template-homepage .cover .cover__content h1, body.page-template-template-homepage .cover .cover__content h2, body.page-template-template-homepage .cover .cover__content h3, body.page-template-template-homepage .cover .cover__content p {color:#fff;} body.page-template-template-homepage .cover__btn {background: #fff;color: var(--color1);padding: 15px 30px;margin-top: 13px;display: inline-flex;font-size: 1.05rem;transition: all .3s cubic-bezier(.215, .61, .355, 1);} body.page-template-template-homepage .cover__btn:hover {background: var(--color1);color: #fff;} /* -------------------------------------------------------------------------------- */ /* ! BLOCCHI */ /* -------------------------------------------------------------------------------- */ /* @ Blocco Esperienza */ .bloccoEsperienza {position:relative} .bloccoTesto {position: absolute;top: 50%;width: 85%;height: 85%;content: '';left: 50%;background: #fff;padding: 35px;transform: translate(-50%, -50%);} .bloccoEsperienza figure img {width:100% !important;height:auto;object-fit: cover;} .findal {position: absolute;top: 30px;right: 30px;color: var(--color1) !important;font-size: 1.2rem;text-transform: uppercase;} .esperienza {position: absolute;bottom: 20px;left: 30px;font-size: 1.3rem;letter-spacing: 4px;color: var(--color1) !important;} .anni {position: absolute;content: '';left: 30px;bottom: 50px;font-size: 9rem;font-weight: 700;mask-image: url(https://www.giancarlocaponi.it/wp-content/uploads/Caponi-Since.jpg);-webkit-mask-image: url(https://www.giancarlocaponi.it/wp-content/uploads/Caponi-Since.jpg);line-height: 9rem;color: transparent !important;background: url(https://www.giancarlocaponi.it/wp-content/uploads/Caponi-Since.jpg) no-repeat;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: cover;} /* @ BLOCCO SCACCHIERA */ .col-scach {gap: 0;} .col-scach figure{margin-bottom: 0;} .col-testo-scach {padding: 0 75px;} .col-testo-scach2 {padding: 0 75px 0 0;} #scacchiera p {text-align: justify;} @media (max-width: 768px) { .col-scach {margin-bottom:50px !important;order:1;} .col-testo-scach, .col-testo-scach2 {padding: 25px;order:2;} .anni {font-size: 7rem;} } /* @ BLOCCO STAFF */ /* #staff figure.immagine-staff img:hover {transform: scale(1.2);} */ #staff figure.immagine-staff img {transform: scale(1);transition: all .3s cubic-bezier(.215, .61, .355, 1);aspect-ratio: 1/1.15;object-fit: cover;object-position: center;} #staff figure.immagine-staff {overflow: hidden;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} #staff .mansione {margin-top: -20px;} /* Applica il filtro greyscale a tutte le immagini quando una ha hover */ #staff:hover img:not(:hover) {filter: grayscale(100%);} /* Aggiunge un bordo rosso all'immagine in hover */ #staff figure.immagine-staff img:hover {transform: scale(1.2);} /* @ TESTO FANCY */ span.watch.fancy.in-page { position: relative; z-index: 2; } span.watch.fancy:before { content:''; position: absolute; bottom: 0; left: 0; background: var(--colore-fancy); height: 13px; width: 0%; } span.watch.fancy.in-page:before { width: 100%; z-index: -1; } /* -------------------------------------------------------------------------------- */ /* ! PAGINE */ /* -------------------------------------------------------------------------------- */ /* @ HOMEPAGE */ .azienda-in-numeri {padding: 50px 10px;background: #f3f3f3;} @media (max-width: 768px) { .colonnaServizi {max-width: 85%;margin: 0 auto !important;} } /* Fine query */ /* @ INDEX.PHP */ .pagination{margin-bottom: 40px;text-align: center;} .page-numbers{display: inline-block;padding:10px 15px;border: 1px solid #ddd;margin-right: 4px;} aside .widget {margin-top: 35px;} aside .widget:first-child {margin-top: 0;} aside .widget h3 {font-size: 2rem;line-height: 1rem;} aside ul {padding-left: 15px;} aside ul li {margin-bottom: 10px;font-size: 1.15rem;} /* @ SINGLE.PHP */ .single main {padding: 70px 0;} .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {margin-top:15px;margin-bottom:15px;} /* margin top degli h3 e h4 in blog per una miglior lettura*/ div.widget > h3 {font-size: 22px;} /* dimensione h3 nella sidebar in blog */ .widget {font-size: 0.8rem;} .widget a:not('wp-block-button__link'){color:#333;} body.single article h2, body.single article h3, body.single article h4, body.single article h5, body.single article h6 {padding-top: 110px !important;margin-top: -85px; /* aggiunge il padding per le ancore del "table content" */} .data-tag-single, .data-tag-single a{font-size: 0.85em;color:#242424;margin-top:10px;} #toc {background: var(--colore_bg_toc);padding: 50px 30px;font-size:1rem;margin:25px 0px;color:#000;} #toc ul, #toc ul ul {margin: 8px 0 15px 10px;} #toc li {margin: 0 0 0 15px;} .contenitore-sidebar {position:sticky;top:175px;} .admin-bar .contenitore-sidebar {position:sticky;top:207px;} .grid.post-correlati {display: flex;flex-direction: row;width: 100%;margin: 0;padding: 0;} /* @ FOOTER.PHP */ #footer-widget {padding: 50px 0px;} #footer-widget ol, #footer-widget ul {padding-left:15px;} #footer-widget h2, #footer-widget h3, #footer-widget h4 {margin-bottom: 15px;color:#fff;} #footer-widget i {font-size: 1.7rem;margin-right: 10px;} #footer-widget p, #footer-widget ol, #footer-widget ul, #footer-widget li, #footer-widget a, #footer-widget ul li a {color:#fff;font-size: .85rem;line-height: 1.35rem;margin-bottom: 5px;} #footer-widget p.iconeSocial a i {font-size: .9rem !important;} #footer-widget p.iconeSocial a {display: block;} #footer-widget .bg-foot, .footer-bar {display: flex;align-items: center;color:#fff;background-color:#141414;font-size:0.65rem;} #footer-widget .bg-foot {padding:75px 0;} .footer-bar {padding: 25px 0px;} .footer-bar a {color:#fff;} .footer-bar .grid {padding:0;} #footer-widget .grid .col-footer:first-of-type {display: flex;flex-direction: column;justify-content: center;} #footer-widget .grid .col-footer:first-of-type figure img {filter: invert(1); max-width: 300px;} footer#footer-widget .social-navbar {width: 100%;justify-content: flex-start;display: flex;} footer#footer-widget .social-navbar ul {padding-left:0;} footer#footer-widget .social-navbar ul li:not(:last-of-type) a {border:none;} footer#footer-widget .social-navbar ul li a:hover {color:var(--color1);} @media (max-width: 768px) { .col-footer {padding:0 50px;} .footer-bar * {line-height: 1.1rem;} .footer-bar .text-right, .footer-bar .text-left {text-align:center;} .col-footer .footer-sidebar {text-align: center;} .col-footer:not(:last-child) {margin-bottom: 50px;} } /* @ CONTATTI */ .page-id-395 :where(.wp-block-columns.is-layout-flex) {gap: 0;} .colonnaContattiSx, .colonnaContattiDx {padding: 50px 35px;} .colonnaContattiDx {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} .page-id-395 form i {color: var(--color2);} form p.row-name label {color:#888;font-size: .7rem;} form p.row-email label {color:#888;font-size: .7rem;} form p.row-phone label {color:#888;font-size: .7rem;} form p.row-subject label {color:#888;font-size: .7rem;} form p.row-message label {color:#888;font-size: .7rem;} p.row-message {margin-bottom:20px !important;} .row-social-contatti {margin-top: 20px;} .row-social-contatti i, .row-social-contatti a {color:#fff;} .row-social-contatti a {font-size:1.3rem;margin:0 7px 0 0;} .wpcf7-list-item { margin: 0; font-size: .7rem; color: #242424; } textarea, .wpcf7-email, .wpcf7-tel, input.wpcf7-form-control, select.wpcf7-form-control {width:100% !important;font-size:.8rem;} form.wpcf7-form {margin: 5px;} .wpcf7-list-item-label input{padding-left: 9px;} span.wpcf7-form-control-wrap:nth-child(2) > input:nth-child(1){width:100% !important;} .wpcf7-submit { font-size: 1rem !important; font-weight: 300; text-transform: uppercase; color: #fff; background: var(--color2); max-width: max-content; max-width: fit-content; padding: 20px 50px; border-radius: 0px; border: 0px solid var(--color2); box-shadow: rgb(118 118 118 / 37%) 0px 8px 24px; transition: all 0.3s cubic-bezier(.215, .61, .355, 1); } .wpcf7-submit:hover {background:var(--color1);color:#fff;} form.wpcf7-form .col-33.smart, form.wpcf7-form .col-50.smart {padding: 0 15px;} form.wpcf7-form .col-100 {padding: 15px 15px 0 15px;} form.wpcf7-form .col-33.smart p, form.wpcf7-form .col-50.smart p{margin:0;} textarea.wpcf7-form-control {height:110px;} /* @ Inputh & Text Area */ input:not([type="checkbox"]):not([type="submit"]), textarea {padding: 10px;border: 1px solid #ddd;background: transparent;-webkit-appearance: none;appearance: none;} .form-kit input:not([type="checkbox"]):not(.wpcf7-submit), .form-kit textarea {padding: 15px 10px;border: 2px solid #4d4d4d;background: #fff;border-radius: 0px;-webkit-appearance: none;appearance: none;font-size: .75rem;} .form-kit {background: #fff;padding: 30px !important;box-shadow: rgba(0, 0, 0, 0.16) 11px 13px 22px;} .form-kit .wpcf7-list-item {display: inline-block;margin: 0;font-size: .7rem;line-height: 1rem;} .form-kit .wpcf7-submit {font-size: .8rem;background: #181818;color: #fff;transition: all 0.3s cubic-bezier(.215, .61, .355, 1);max-width: 200px;border-radius: 5px;padding: 10px;border:2px solid #181818;} .form-kit .wpcf7-submit:hover {background: transparent;color:#181818;} @media (max-width: 768px) { #contatti .wp-block-column {text-align: center;} p.tasto-invia {display: flex;flex-direction: column;align-items: center;} p.tasto-invia span {margin-top: 15px;} } /* Fine query */ /* @ CHI SIAMO */ .team {box-shadow: 0px 15px 39px -100px #6a6d71;padding-bottom: 5px;} /* @ GALLERY */ .preview-codo-effect.preview--open .codo-action--close {top: 100px !important;} /* @ SOSTENIBILITÀ */ @media (max-width: 768px) { #certificati .wp-block-column {text-align: center;justify-content: center;} #certificati .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {justify-content: center;} } /* Fine query */ /* @ LAVORI */ .titolo-lavori {font-size: 35px;} /* @ Blog Grid */ .excerpt p {font-size: 16px;line-height: 25px;} @media (max-width: 768px) { } /* -------------------------------------------------------------------------------- */ /* ! FAQ MASSI */ /* -------------------------------------------------------------------------------- */ .acc-panel {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 100ms linear, max-height 200ms linear;} .acc-panel.acc-panel--show {opacity: 1;max-height: 15em;transition: all 400ms linear;will-change: opacity, max-height;padding: 10px 20px;} .acc-title {background: var(--color2);padding: 5px 20px;font-size: 1.3rem;font-weight: 400;color: #fff;display: flex;justify-content: space-between;} .icona-faq {width: 42px;display: flex;align-items: center;justify-content: center;background: #ededed;color: #333;border-radius: 100%;} .icona-faq i {transition: all .3s cubic-bezier(.215, .61, .355, 1);} .icona-faq:hover i, .icona-faq:focus i{transform: rotate(180deg) scale(1.5);} /* -------------------------------------------------------------------------------- */ /* ! CONDIVISIONE SOCIAL */ /* -------------------------------------------------------------------------------- */ .socials a {font-size: 16px;color: #333!Important;padding: 0px 10px !important;} ul.share-icons {list-style-type: none;display: flex;margin-top: 15px;} ul.share-icons li {margin-right: 30px;} .share-box .share-icons li a i { width: 40px; text-align: center; height: 40px !important; color: var(--color1); border: 1px solid var(--color1); border-radius: 3px; transition: all .3s cubic-bezier(.215, .61, .355, 1); display: flex; align-items: center; justify-content: center;} .share-box .share-icons li a i:hover {background: var(--color1);color:#fff;} /* -------------------------------------------------------------------------------- */ /* ! ALTRI ELEMENTI */ /* -------------------------------------------------------------------------------- */ .foot hr {background-color: white;width: 50%;} .cont {color:white;display: block;float: left;padding-right: 20px;padding-left:20px;} .bbb {float: left;} .cont-fl-foot {margin-bottom: -24px;line-height: 20px;} /* @ TAG MORE NASCOSTO */ .mr-auto {margin-right: auto !important;margin-left: 30px;} div.more-hide {display:none;} /* @ ARTICOLI CORRELATI */ h5.title-post-correlati {color:#444;margin-top:10px;} .related-thumb { height:140px;width: 100%;} .related-post {margin-bottom:100px;} .immagine-relatedPost {height:150px;overflow: hidden;} .immagine-relatedPost img {transform: scale(1);transition: all .3s cubic-bezier(.215, .61, .355, 1);} .immagine-relatedPost:hover img {transform: scale(1.2);} .container .row .col-33.col-relatedPost .immagine-relatedPost {background-size:cover !important; height:150px;} .container .row .col-33.col-relatedPost {padding: 10px;} img.img-massi {width: 100%;height: 150px;object-fit: cover;} @media (max-width: 768px) { .col-relatedPost {padding:5px !important;} .container .row .col-33.col-relatedPost .immagine-relatedPost {background-size:cover !important; height:70px;} } /* @ Blocco con effetto hover figo */ .contenitoreTotale { overflow-x: hidden; position:relative; } .contenitoreTotale { position: relative !important; } .contenitoreTotale::before { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: #ffffff; content: ''; transform: translateX(200%); transition: all 1.3s cubic-bezier(.215, .61, .355, 1); -webkit-transition: all 1.3s cubic-bezier(.215, .61, .355, 1); -moz-transition: all 1.3s cubic-bezier(.215, .61, .355, 1); -o-transition: all 1.3s cubic-bezier(.215, .61, .355, 1); z-index: 9; } .contenitoreTotale:hover:before { transform: translateX(-100%); } .contenitoreTotale:hover .contenitoreTesti{ transform: translateX(0%); } .contenitoreTesti { top: 0; right: 0; width: 100%; height: 100%; background: antiquewhite; transform: translateX(100%); display: flex; align-items: center; justify-content: center; text-align: center; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; } /* -------------------------------------------------------------------------------- */ /* ! WORDPRESS CORE STYLE */ /* -------------------------------------------------------------------------------- */ .bypostauthor{border-left: 3px solid #ddd; padding-left: 10px;} .gallery-caption{padding: 5px;font-size: 0.7rem;} .alignnone {margin: 5px 20px 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;} 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 {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; /* Image does not overflow the content area */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: 0.7rem;line-height: 17px;margin: 0;padding: 0 4px 5px;} /* Text meant only for screen readers. */ .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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus {background-color: #eee;clip: auto !important;clip-path: none;color: #444;display: block;font-size: 1rem;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;} /* -------------------------------------------------------------------------------- */ /* ! COLORI - STILI PREDEFINITI */ /* -------------------------------------------------------------------------------- */ .has-colore-1-color{color:#B19777 !important;} .has-colore-2-color{color:#ce9e51 !important;} .has-colore-3-color{color:#F8F4F3 !important;} .has-grigiochiaro-color{color:#e1e0de !important;} .has-grigioed-color{color:#ededed !important;} .has-grigio-999-color{color:#999 !important;} .has-grigio-666-color{color:#666 !important;} .has-grigio-333-color{color:#333 !important;} .has-nero-color{color:#000 !important;} .has-bianco-color{color:#fff !important;} .has-colore-1-background-color{background-color:#B19777 !important;} .has-colore-2-background-color{background-color:#ce9e51 !important;} .has-colore-3-background-color{background-color:#F8F4F3 !important;} .has-grigiochiaro-background-color{background-color:#e1e0de !important;} .has-grigioed-background-color{background-color:#ededed !important;} .has-grigio-999-background-color{background-color:#999 !important;} .has-grigio-666-background-color{background-color:#666 !important;} .has-grigio-333-background-color{background-color:#333 !important;} .has-nero-background-color{background-color:#000 !important;} .has-bianco-background-color{background-color:#fff !important;} .has-piccolissimo-font-size{font-size:0.5rem;line-height: 0.5rem;} .has-piccolo-font-size{font-size:0.7rem;line-height: 0.7rem;} .has-normale-font-size{font-size:1rem;line-height: 1.5rem;} .has-medio-font-size{font-size:1.36rem;line-height: 1.36rem;} .has-grande-font-size{font-size:2.2rem;line-height: 2.2rem;} .has-grandissimo-font-size{font-size:3.05rem;line-height: 3.05rem;} .has-gigante-font-size{font-size:4.6rem;line-height: 5.4rem;} @media (max-width: 768px) { .has-gigante-font-size {font-size: 3.2rem;line-height: 3.5rem;} } /* Fine query */ /* -------------------------------------------------------------------------------- */ /* ! GRID SYSTEM */ /* -------------------------------------------------------------------------------- */ .grid { margin: 0 auto; padding: 0 10px 10px 10px; max-width: 1250px; width: 100%;display: flex; flex-flow: row; flex-wrap: wrap;height: 100% !important;} .grid--center{justify-content: center;align-items: center;} .container-100 {width:100%;} [class*='col-'] { position: relative;} /* .container {width: 100%; max-width: 1250px; margin: 0 auto;} .container-fluid {width:100%;} */ /* .row {width: 100%;max-width: 1250px;margin: 0 auto;flex-direction: row !important;flex-flow: wrap !important;display: flex;} .row.center {display: flex; width: 100%; height: 100%; align-items: center;} */ .col-10{width: 10%;} .col-16{width: 16.6666666%;} .col-20{width: 20%;} .col-25{width: 25%;} .col-30{width: 30%;} .col-33{width: 33.33%;} .col-40{width: 40%;} .col-50{width: 50%;} .col-60{width: 60%;} .col-66{width: 66.6666666%;} .col-70{width: 70%;} .col-80{width: 80%;} .col-90{width: 90%;} .col-100{width: 100%;} .col-10, .col-16, .col-20, .col-25, .col-30, .col-33, .col-40, .col-50, .col-60, .col-66, .col-70, .col-80, .col-90, .col-100 { padding:0 20px; } @media (max-width: 1024px) { .grid {flex-direction: column;} .footer-bar .grid {flex-direction: row;} .col-10.smart, .col-16.smart, .col-20.smart, .col-25.smart, .col-30.smart, .col-33.smart, .col-33.smart, .col-40.smart, .col-50.smart, .col-60.smart, .col-66.smart, .col-70.smart, .col-80.smart, .col-90.smart, .col-100.smart {width: 100% !important;} .col-10, .col-16, .col-20, .col-25, .col-30, .col-33, .col-40, .col-50, .col-60, .col-66, .col-70, .col-80, .col-90, .col-100 {padding:0 10px;} } @media (max-width: 768px) { .footer-bar .grid {flex-direction: column;} .footer-bar .grid [class*='col-'], .cool-footer {width:100%;text-align:center;} } /* Fine mediaquery */ /* -------------------------------------------------------------------------------- */ /* ! MARGINI */ /* -------------------------------------------------------------------------------- */ /* @ MARGINI */ .mt6 {margin-top: 6rem;} .mt5 {margin-top: 5rem;} .mt4 {margin-top: 4rem;} .mt3 {margin-top: 3rem;} .mt2 {margin-top: 2rem;} .mt1 {margin-top: 1rem;} .mt0 {margin-top: 0;} .mb6 {margin-bottom: 6rem;} .mb5 {margin-bottom: 5rem;} .mb4 {margin-bottom: 4rem;} .mb3 {margin-bottom: 3rem;} .mb2 {margin-bottom: 2rem;} .mb1 {margin-bottom: 1rem;} .mb0 {margin-bottom: 0;} .mx6 {margin-left:6rem;margin-right:6rem;} .mx5 {margin-left:5rem;margin-right:5rem;} .mx4 {margin-left:4rem;margin-right:4rem;} .mx3 {margin-left:3rem;margin-right:3rem;} .mx2 {margin-left:2rem;margin-right:2rem;} .mx1 {margin-left:1rem;margin-right:1rem;} .mx0 {margin-left:0;margin-right:0;} .my6 {margin-top:6rem;margin-bottom:6rem} .my5 {margin-top:5rem;margin-bottom:5rem} .my4 {margin-top:4rem;margin-bottom:4rem} .my3 {margin-top:3rem;margin-bottom:3rem;} .my2 {margin-top:2rem;margin-bottom:2rem;} .my1 {margin-top:1rem;margin-bottom:1rem;} .my0 {margin-top:0;margin-bottom:0;} /* @ PADDING */ .pt6 {padding-top: 6rem;} .pt5 {padding-top: 5rem;} .pt4 {padding-top: 4rem;} .pt3 {padding-top: 3rem;} .pt2 {padding-top: 2rem;} .pt1 {padding-top: 1rem;} .pt0 {padding-top: 0;} .pb6 {padding-bottom: 6rem;} .pb5 {padding-bottom: 5rem;} .pb4 {padding-bottom: 4rem;} .pb3 {padding-bottom: 3rem;} .pb2 {padding-bottom: 2rem;} .pb1 {padding-bottom: 1rem;} .pb0 {padding-bottom: 0;} .px6{padding-left:6rem;padding-right:6rem} .px5{padding-left:5rem;padding-right:5rem} .px4{padding-left:4rem;padding-right:4rem} .px3{padding-left:3rem;padding-right:3rem;} .px2{padding-left:2rem;padding-right:2rem;} .px1{padding-left:1rem;padding-right:1rem;} .px0{padding-left:0;padding-right:0;} .py6{padding-top:6rem;padding-bottom:6rem} .py5{padding-top:5rem;padding-bottom:5rem} .py4{padding-top:4rem;padding-bottom:4rem} .py3{padding-top:3rem;padding-bottom:3rem;} .py2{padding-top:2rem;padding-bottom:2rem;} .py1{padding-top:1rem;padding-bottom:1rem;} .py0{padding-top:0;padding-bottom:0;} /* -------------------------------------------------------------------------------- */ /* ! BORDER BOX */ /* -------------------------------------------------------------------------------- */ *, *:before, *:after{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box; } .menu-item-has-children ul.sub-menu .menu-item-has-children ul.sub-menu { position: relative; top: 0; left: 0; transform: translate(0, 0); max-height: 0; } .gia-visto {animation: none !important;}