/*====================================== Theme Name: Divi-child Theme URI: https://www.elegantthemes.com Description: Divi Child Theme Version: 1.0 Author: umo|design studio Author URI: http://www.studioumo.com/ Template: Divi ======================================*/ @font-face { font-family: 'ElegantIcons'; src:url('font/ElegantIcons.eot'); src:url('font/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('font/ElegantIcons.woff') format('woff'), url('font/ElegantIcons.ttf') format('truetype'), url('font/ElegantIcons.svg#ElegantIcons') format('svg'); font-weight: normal; font-style: normal; } /*Allinea col al centro verticale*/ .ds-vertical-align { display: flex; flex-direction: column; justify-content: center; } body { font-family: 'Larsseit-Light'; font-size:16px; line-height:1.4; color:#6C6C6C; font-feature-settings: "liga", "kern"; font-feature-settings: 'ss02' on; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* TIPOGRAFIA ------------------------------------------------------------------------------*/ h1{ font-family: Larsseit-Thin; font-size: 60px; } h2 { font-family: Larsseit-Bold; font-style: normal; font-size: 22px; } .maiuscoletto{ font-family: Larsseit-Bold; font-size: 14px; letter-spacing: 0.15em; text-transform: uppercase; } .maiuscoletto-12 { font-family: Larsseit-Light; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; } .font-icone{ font-family: 'ElegantIcons'; font-size:18px; } .claim{ font-family: Larsseit-Bold; font-size: 22px; line-height: 130%; color: #101010; } .claim-big { font-family: Larsseit-Thin; font-size: 60px; line-height: 1.1; } .strillo-light{ font-size: 32px; color: #101010; } .cta-mini{ font-family: Larsseit-Bold; font-size: 10px; line-height: 120%; letter-spacing: 0.15em; text-transform: uppercase; color: #6C6C6C; } .cta-applicazione{ text-transform:uppercase; font-size: 11px; letter-spacing: .1em; } /*CTA piccole*/ .titoletti{ font-family: Larsseit-Bold; font-size: 12px; line-height: 120%; letter-spacing: 0.15em; text-transform: uppercase; } .trattino{ letter-spacing:-.5px; } /*Link*/ a { font-weight: bold; color:#6C6C6C; } a:hover { color:#000; } /*Mobile*/ @media (max-width: 767px){ .claim-big{ font-size:40px; } } /* MENU ------------------------------------------------------------------------------*/ .menu-top .et_pb_menu__menu>nav>ul>li { font-family:Larsseit-Bold; padding:0 20px; } .et-menu a{ color:#101010; } .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul{ top: calc(100% + 21px)!important; right: 0!important; left:auto; } .et_pb_menu_0_tb_header.et_pb_menu .nav li ul{ background-color:#fff!important; } .nav li ul{ border-top:2px solid #000; width:80px; padding:10px; } .et-menu li li a{ width:80px; } .nav li li{ padding:0; } .et_pb_fullwidth_menu .et-menu-nav>ul ul, .et_pb_menu .et-menu-nav>ul ul{ padding:10px 0; } .wpml-ls-slot-26 a{ font-family: 'Larsseit-Thin'; font-size: 12px!important; letter-spacing: .1em; } /*Mobile*/ .row-menu .et_pb_column{ margin-bottom:0; } .mobile-menu { font-family:'Larsseit-Bold'; font-size:21px; color:#000; padding:10px 0; text-align:right; border-bottom:1px solid #d8d8d8; } /*Selettore Lingua Mobile*/ .selettore-lingua{ padding-top:30px; } #left-area ul, .comment-content ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul, body.et-pb-preview #main-content .container ul{ padding:0; } .wpml-ls-legacy-dropdown a{ border:none; background-color:transparent; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{ display:none; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before{ content: ""; vertical-align: middle; display: inline-block; border: .35em solid rgb(0 0 0 / 0%); border-top: .5em solid; position: absolute; left: 10px; top: calc(50% - .175em); } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{ text-align:right; position: relative; padding-left: calc(10px + 1.4em); padding-right:0; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { text-align:right; padding-right:0; } /* COLORI ------------------------------------------------------------------------------*/ .bianco{ color:#fff; } /* HOME ------------------------------------------------------------------------------*/ .slider-home .et_pb_slide{ height: calc(100vh - 91px); } .slider-home .et_pb_slide_description{ padding:0; } .slider-home .et_pb_container{ text-align:left; max-width:800px; float:left; vertical-align:top; } .slider-home h2{ font-family:Larsseit-Bold; font-size:18px!important; letter-spacing:.15em; padding-bottom:40px; } .slider-home .et_pb_slide_content{ font-family:Larsseit-Thin; font-size:80px; line-height:1; padding-bottom:40px; } .blocco-collezioni{ color:#fff; } .blocco-collezioni h2{ color:#fff; font-family:Larsseit-Thin; font-size:40px; } .bottone-blocco-collezioni{ font-family: Larsseit-Thin; font-size: 40px; line-height:1; padding: 0 10px; } @media all and (min-width: 768px) { .blocco-collezioni .et_pb_column_1_2 { width: calc(50% - 5px)!important; } .blocco-collezioni .et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column{ margin-right:10px; } .blocco-collezioni .et_pb_row .et_pb_column:last-child{ margin-right:0px!important; } } /*Effetto collezioni*/ @media all and (min-width: 768px) { .et-fb-root-ancestor .et-overlay-item { opacity: 1; /*shows hidden overlay items when using the visual Divi Builder*/ } .et-overlay-item { opacity: 0; /*hides overlay items by default*/ margin-bottom: 0px; } .et-overlay-item, .et-overlay-image { transition: all 400ms !important; /*sets transition speed of all overlay items*/ } .et-overlay-container:hover .et-overlay-item { opacity: 1; /*reveals hidden overlay items on hover*/ } .et-overlay-container:hover .et-overlay-image { /*add new styles here to change image on hover*/ } .et-overlay-container:hover .et-overlay-image.et-scale { transform: scale(1.2); /*adjust scale of image here*/ } .et-overlay-container:hover .et-overlay-image.et-rotate { transform: scale(1.4) rotateZ(10deg)!important; /*adjust rotation of image and scale needed for rotation here*/ } .et-overlay-container:hover .et-overlay-item.move-up { margin-bottom: 25px !important; /*adjust how far you want the overlay item to move up*/ } } @media all and (max-width: 767px) { .blocco-collezioni .et-overlay-item.move-up{ display:none; } .blocco-collezioni .et_pb_column{ margin-bottom:5px; } } /*News*/ @media only screen and (min-width: 981px) { .et_pb_posts .et_pb_post img, .et_pb_posts .et_overlay { width: 50%; height:auto; margin-right: 4%; float: left; } .et_pb_posts .entry-title, .et_pb_posts .post-meta, .et_pb_posts .post-content { float: right; width: 46%; } body.rtl .et_pb_posts .et_pb_post img, body.rtl .et_pb_posts .et_overlay { float: right; margin-left: 4%; margin-right: 0; } body.rtl .et_pb_posts .entry-title, body.rtl .et_pb_posts .post-meta, body.rtl .et_pb_posts .post-content { float: left; } } .row-cta-footer { padding-top:60px; max-width:95%; } .row-cta-footer h4{ font-family:Larsseit-Bold; padding-bottom:20px; } .row-cta-footer .et_pb_column{ border-right:1px solid #d5d5d5; padding: 30px; } .row-cta-footer .et_pb_column:last-child{ border-right:none; } /*Newsletter*/ .row-newsletter{ transform:translate(0,50%); } .newsletter-container #mail{ display: inline-block; width:70%; } .newsletter-container #submit{ display: inline-block; float: right; } .newsletter-campo-mail{ background-color: #fff; border: none!important; border-bottom: 1px solid #b8b7b7!important; width:100%; height:30px; margin-bottom: 15px; } .btn-newsletter{ font-size:12px; letter-spacing:.15em; background-color:#000; color:#fff; border:none; border-radius:4px; padding:10px 20px; text-transform:uppercase; float:right; } .mc4wp-form-fields a{ color:#6c6c6c; font-size:8px; letter-spacing:.15em; line-height:1; text-transform:uppercase; } .mc4wp-alert .mc4wp-success{ font-family: 'Larsseit-Bold'; font-size: 13px; color: rgb(58 58 58); padding-top: 10px; } /*Mobile*/ @media (max-width: 767px){ .slider-home .et_pb_slide_content { font-size: 60px!important; } .row-cta-footer .et_pb_column { border-right: none; border-bottom: 1px solid #d5d5d5; padding:30px 0; } .row-cta-footer .et_pb_column:last-child { border-bottom: none; } .newsletter-container #mail{ width:100%; } } /* PAG. PRODOTTI ------------------------------------------------------------------------------*/ .griglia-prodotti h2{ font-family: 'Larsseit-Thin'; font-size: 32px; padding-top:15px; } /* Zoom immagini griglia*/ .wrapper { max-width: 1200px; height:500px; text-align: center; margin-left: auto; margin-right: auto; } .parent { width: 100%; height: 500px; overflow: hidden; position: relative; float: left; display: inline-block; cursor: pointer; } .child { height: 100%; width: 100%; background-repeat: no-repeat; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .parent:hover .child, .parent:focus .child { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .parent:hover a, .parent:focus a { display: block; } @media only screen and (max-width: 768px) { .parent, .wrapper { height: 300px; } } /* PAG. PRODOTTO ------------------------------------------------------------------------------*/ .cover-apertura, .cover-apertura h1{ color:#fff; } .prodotto-titolazione h1{ font-family: Larsseit-Thin; font-size: 5vw; padding:30px 0; } .prodotto-titolazione{ text-align:center; } /*Punti di forza*/ .punti-forza .et_pb_blurb_description{ font-size: 13px; letter-spacing: .05em; line-height: 1em; } .et_pb_blurb_container h4{ font-family: Larsseit-Bold; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; } .et_pb_blurb_position_left .et_pb_blurb_container { padding:10px; } .punti-forza.et_pb_blurb_position_left .et_pb_blurb_content { text-align: left; display: flex; align-items: center; justify-content: flex-start; } .punti-forza.et_pb_blurb_position_left .et_pb_main_blurb_image { width: 100px; display: table-cell; line-height: 0; } .punti-forza .et_pb_main_blurb_image { margin-bottom:0; } /*Carosello*/ .carosello img{ height:56vh; /*padding-right:15px;*/ padding-right:4vh; } #slick-slide05:empty { display:none; } .slick-dots { bottom: -60px; } .slick-dots li{ width:10px; } .slick-prev, .slick-next{ width: 40px; height: 40px; } body .slick-prev{ left: 10px; z-index:999; } .slick-next { right: 10px; } .slick-prev:before, .slick-next:before{ font-family: 'ElegantIcons'; font-size:40px; color:#fff; } .slick-prev:before{ content:"\34"; } .slick-next:before{ content:"\35"; } /*Tacche colore*/ .tacche-colore{ width:140px; } .tacche-colore .et_pb_module_header{ min-height:46px; } .tacche-colore img{ border-radius:300px; } .tacche-colore h4{ text-align:center; font-family:Larsseit-Light; } .cta-colori a{ color:#000; } /*Aggiustamento tacche*/ /*Vecchi monitor*/ @media only screen and (width: 1024px) { .tacche-colore{ width:100px; } } /*Mobile*/ @media only screen and (max-width: 767px) { .prodotto-titolazione h1{ font-family: Larsseit-Thin; font-size: 50px; padding:30px 0; } .col-tacche{ display: flex; flex-direction: row; justify-content: left; } .tacche-colore{ margin-right:calc(100% - 280px); } .tacche-colore:last-child{ margin-right:0; } } /*Area Tecnica*/ table{ border:none!important; } .tabella-tecnica { width:50%!important; } .tabella-tecnica.et_pb_tabs_0 .et_pb_ta { padding-left:0px!important; } .tab-area-tecnica .et_pb_all_tabs, .tab-area-tecnica ul.et_pb_tabs_controls{ background:none; } .tab-area-tecnica li{ font-family: Larsseit-Bold; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; } .tab-area-tecnica li.et_pb_tab_active{ border-bottom:3px solid #000; border-right:none; background:none; } .tab-area-tecnica li{ border-right:none; } .tab-area-tecnica tr{ border-bottom:1px solid #cfcfcf; } .tab-area-tecnica.et_pb_tabs, .tab-area-tecnica tr td, .applicazione { border:none!important; } td.tab-tecnica-col-1 { width:50%; font-family: Larsseit-Bold; font-size:11px; letter-spacing:.1em; text-transform:uppercase; padding:0px!important; } /*Tab applicazione mod*/ .col-applicazione-1_3 table{ width:100%; } .col-applicazione-1_3 tr td{ padding:6px 24px; } .applicazione-step{ font-family:Larsseit-Bold; text-transform:uppercase; font-size:12px; letter-spacing:.15em; margin-bottom:30px; } .num-step{ margin-right:15px; background:#6C6C6C; color:#fff; padding:5px 9px; border-radius:15px; } .container-applicazione{ width:100%; padding:40px 0; text-align:left; } .row-applicazione{ margin-bottom:40px; } .col-applicazione-1_3{ display:inline-block; width:30%; margin-right:3%; } .col-applicazione-1_3:last-child{ margin-right:0; } td.applic-col-1 { width:30%; font-family: Larsseit-Bold; font-size:11px; letter-spacing:.1em; text-transform:uppercase; padding: 0px!important; } td.applic-col-2 { width:70%; font-size:13px; } .icone-strumenti{ opacity: .5; border-right:1px solid; height:30px; } .icone-strumenti:last-child{ border-right:none; } /*Area Download*/ .accordion-area-download .et_pb_toggle{ border:none; border-bottom:1px solid #cfcfcf; background:none; margin-bottom:0!important; } .accordion-area-download .et_pb_toggle_title{ font-family: 'Larsseit-bold'; font-size: 18px; } .bottone-cta{ width:240px; } .col-download-cataloghi{ width:180px; display:inline-block; margin-right:30px; margin-top:20px; } .download-button{ font-family:Larsseit-Bold; font-size:11px; color:#000; margin-top:30px!important; } .scheda-tec{ padding:15px 0; border-bottom:1px solid #cfcfcf; } .scheda-tec:last-child{ border-bottom:none; } .download-btn{ font-family:Larsseit-Bold; letter-spacing:.1em; font-size:10px; text-transform:uppercase; float:right; color:#fff; background:#000; padding:5px 10px; border-radius:4px; } .scheda-tec a:hover{ color:#fff; } .scheda-prodotto-area-download h2{ font-family: 'Larsseit-Thin'; font-size: 18px; } /*Video*/ .embed-container{ display:inline-block; width:48%; margin-right:10px; } .embed-container:last-child{ padding-right:0px; } /*Aggiustamenti*/ @media only screen and (max-width: 768px) { .col-applicazione-1_3{ display:block; width:100%; margin-bottom:40px; } .embed-container{ width:100%; } } /* AREA DOWNLOAD ------------------------------------------------------------------------------*/ .scheda-prodotto-area-download h2{ font-family: 'Larsseit-Thin'; font-size: 42px; } .scheda-prodotto-area-download h5{ font-family: 'Larsseit-Bold'; font-size: 18px; border-bottom: 1px solid #cfcfcf; } /* ABOUT ------------------------------------------------------------------------------*/ /*Storia*/ .anno_storia .et_pb_module_header{ font-family: Larsseit-Thin; font-style: normal; font-size: 48px; letter-spacing:0; } .anno_storia{ padding-right:20px; } .anno_storia .et_pb_blurb_content{ max-width:100%; } .anno_storia .et_pb_blurb_description{ padding-top:20px; width:75%; } /*Etica*/ .numero{ text-align:center; font-family:Larsseit-Thin; position:absolute; top:-60px; left:25%; font-size:90px; color:#ECECEC; z-index:-1; } .dati-about .et_pb_main_blurb_image { width:100px; } .dati-about h4 { font-family:Larsseit-Thin; font-size:60px; letter-spacing:0; } .dati-about .et_pb_blurb_description { font-family:Larsseit-Bold; font-size:12px; letter-spacing:.15em; text-transform:uppercase; } @media all and (max-width: 767px) { .voci-intro{ padding-bottom:40px; } } /*effetto collezioni*/ @media all and (min-width: 981px) { .et-fb-root-ancestor .et-overlay-item { opacity: 1; /*shows hidden overlay items when using the visual Divi Builder*/ } .et-overlay-item { opacity: 0; /*hides overlay items by default*/ margin-bottom: 0px; } .et-overlay-item, .et-overlay-image { transition: all 400ms !important; /*sets transition speed of all overlay items*/ } .et-overlay-container:hover .et-overlay-item { opacity: 1; /*reveals hidden overlay items on hover*/ } .et-overlay-container:hover .et-overlay-image { /*add new styles here to change image on hover*/ } .et-overlay-container:hover .et-overlay-image.et-scale { transform: scale(1.2); /*adjust scale of image here*/ } .et-overlay-container:hover .et-overlay-image.et-rotate { transform: scale(1.4) rotateZ(10deg)!important; /*adjust rotation of image and scale needed for rotation here*/ } .et-overlay-container:hover .et-overlay-item.move-up { margin-bottom: 25px !important; /*adjust how far you want the overlay item to move up*/ } } .blocco-cta h2{ font-family:Larsseit-Thin; font-size:70px; text-align:center; color:#fff; } .blocco-cta p{ font-family:Larsseit-Bold; font-size:12px; letter-spacing:.15em; color:#fff; } .blocco-cta .capitolo{ font-family:Larsseit-Bold; font-size:14px; text-align:center; letter-spacing:.15em; color:#fff; } /* FOOTER ------------------------------------------------------------------------------*/ .footer-sezione a{ color:#a5a5a5; font-weight:inherit; } .footer-sezione a:hover{ color:#fff; } .footer-row p{ font-family:'Larsseit-Light'; color: #a5a5a5; font-size:12px; letter-spacing:.05em; } h5.titoli-footer { font-family:'Larsseit-Bold'; font-size: 10px!important; letter-spacing: 0.15em; color: #fff; } .footer-col-4 { display:inline-block; vertical-align: top; width:11%!important; margin-right:1.7%!important; } .footer-col-contatti { display:inline-block; vertical-align: top; width:22%!important; margin-right:1.7%!important; } .footer-col-last { display:inline-block; width:22%; float:right; } /* .footer-col-last p{ border-bottom:1px solid #565656; padding:10px 0!important; } */ /*Mobile*/ @media all and (max-width: 767px) { .footer-col-4, .footer-col-last, .footer-col-contatti { width:45%!important; } .footer-col-last { float: none; } } /* GENERALI ------------------------------------------------------------------------------*/ @media only screen and (max-width: 980px) { .two-columns .et_pb_column { width: 50%!important; } } /* COOKIE BANNER ------------------------------------------------------------------------------*/ .cookie-notice-container{ font-family: 'Larsseit-Light'; font-size:12px; padding:30px 5vw; max-width:65%; text-align:left; } #cn-notice-buttons { position:absolute; right:5vw; } .cn-button.wp-default, .cn-button.bootstrap{ font-family: 'Larsseit-Light'; text-transform:uppercase; font-size:10px; } .umo-cookie-button{ font-family: 'Larsseit-Light'; background:#000!important; border:1px solid #000!important; padding:10px 60px; color:#fff; text-transform:uppercase; font-size:10px; } .umo-cookie-button:hover{ background:#000; border:1px solid #0028FF!important; } .cn-close-icon:before, .cn-close-icon:after { background-color: #000; } .cn-close-icon { top: 30px; } @media only screen and (max-width: 980px){ .cookie-notice-container{ max-width:100%; } #cn-notice-buttons { position:relative; right:auto; } .umo-cookie-button{ padding:10px 45px; } .cookie-notice-container #cn-notice-text { display: block; margin-bottom: 30px; } }