/* Theme Name: Energika Theme URI: Description: Child for Energika Author: CROP Studio Author URI: https://eee.cropstudio.it Template: hello-elementor Version: 2.0.0 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* Add your custom styles here */ body{background-color:#fff;} main, .elementor-location-archive, .elementor-location-single{ padding: 0 20px; margin-top: 30px;} body.single-servizio .page-header, body.single-soluzione .page-header{display:none !important;} /*header{position: fixed; width: 100%; top: 0; z-index: 9999; background-color: var(--e-global-color-7e68a87); border-radius: 0 0 40px 40px;}*/ header > div:nth-child(2){z-index: 9999; background-color: var(--e-global-color-7e68a87); border-radius: 0 0 40px 40px;} .elementor-button{transition-duration: 0.4s !important;} .translation-widget .wpml-ls-statics-shortcode_actions{padding:0;} .translation-widget .wpml-ls-link{font-size:13px; color:var(--e-global-color-fd5a5e6); margin: 0 !important; padding: 0 4px !important;} .translation-widget ul{display: flex; flex-direction: row; align-content: center; align-items: center;} /*DARK MODE*/ body.darkmode{ /*--e-global-color-accent: #fff;*/ --e-global-color-text: #fff; /*--e-global-color-fd5a5e6:#10161b;*/ --e-global-color-7e68a87: #2a2d31; --e-global-color-1e9ff12: #000000; --e-global-color-primary: #cccdce; --e-global-color-3a41426: #2a2d31; background-color: #121212; } body.darkmode #mdp-readabler-popup-box{ --readabler-overlay: #2a2d31 !important; --readabler-bg: #000000 !important; --readabler-bg-dark: #fff !important; --readabler-text: r#2a2d31 !important; --readabler-text-dark: #000000 !important; } body.darkmode #mdp-readabler-popup-box label{color:#fff !important;} body.darkmode .elementor-widget-theme-site-logo img{filter:saturate(0) brightness(200);} body.darkmode .e-loop-item .e-con-inner > .elementor-element{filter: saturate(0);}body.darkmode .elementor-element{/*background-image:none !important;*/ background-blend-mode: luminosity, multiply; } body.darkmode img{ mix-blend-mode: luminosity;} body.darkmode .elementor-widget-n-menu .e-n-menu-toggle svg{fill:#fff !important;} .standy-mode{display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999999; opacity:0; transition:all .4s ease-in-out;} /*TEXT*/ p{margin-bottom:0 !important;} .big-title h2{font-size: 45px; line-height: 1;} h2 .highlith{color:var(--e-global-color-accent); font-weight:700;} .testo-interno p, .testo-interno ul, .single.single-servizio .e-con-inner > .elementor-element > .elementor-widget-text-editor p, .single.single-servizio .e-con-inner > .elementor-element > .elementor-widget-text-editor ul, .single.single-soluzione .e-con-inner > .elementor-element > .elementor-widget-text-editor p, .single.single-soluzione .e-con-inner > .elementor-element > .elementor-widget-text-editor ul, .space-paragraph p{margin-bottom:15px !important;} /*SWITCH INPUT*/ .switch { position: relative; display: inline-block; width: 42px; height: 22px;} .switch input { opacity: 0; width: 0; height: 0;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--e-global-color-fd5a5e6); border:1px solid var(--e-global-color-text); -webkit-transition: .4s; transition: .4s;} .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 2px; bottom: 2px; background-color: var(--e-global-color-primary); -webkit-transition: .4s; transition: .4s; background-image: url("assets/css/img/switch-icon.svg"); background-size:8px; background-repeat: no-repeat; background-position: center;} input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);} .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /*HOME*/ .blurred{backdrop-filter: blur(20px);} .blurred.mask{mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 34%);} .numeri-section .elementor-counter-title{text-align: center; line-height: 1.2 !important; margin-top: 15px !important; display: flex; flex-direction: column;} .numeri-section .elementor-counter-number{font-weight: 500;} .numeri-section.min .elementor-counter-title{text-align: left; margin-top: 0px !important; display: inherit; flex-direction: inherit;} .numeri-section.min .small-suffix .elementor-counter-number-suffix{ font-size: 28px; padding-top: 15%;} .servizio.e-loop-item > .elementor-element > .e-con-inner{ display: flex; align-content: stretch; align-items: stretch;} header .servizio.e-loop-item > .elementor-element > .e-con-inner{ display: flex; align-content: stretch; align-items: center;} /*BLOG*/ .image-blog{background-size:cover !important; background-position:center !important;} .loop-blog-grid .elementor-loop-container .type-post:nth-of-type(4n-1) .e-con-inner, .loop-blog-grid .elementor-loop-container .type-post:nth-of-type(4n) .e-con-inner{display: flex; flex-direction: row-reverse;} .swiper-slide{height:auto !important;} /*BUTTON*/ .energika-button{ background: var(--e-global-color-accent); border: 1px solid var(--e-global-color-accent); border-radius: 30px; text-transform: uppercase; font-size: 13px; font-weight: 600; font-family: 'DM Sans'; color:var(--e-global-color-fd5a5e6);} /*CASE STUDIES*/ .elementor-element.breadcrumbs nav{color:var(--e-global-color-fd5a5e6);} .elementor-element.breadcrumbs nav p a{font-size: 14px; font-weight:600; color:var(--e-global-color-fd5a5e6);} .elementor-element.breadcrumbs nav p a:last-child{text-transform: uppercase; } .loop-intervento{padding: 30px; border-radius: 20px; background-color: var(--e-global-color-7e68a87); margin-bottom: 20px; display: flex ; flex-direction: column; align-content: flex-start; justify-content: flex-start; align-items: flex-start; font-family: "DM Sans", Sans-serif;} .loop-intervento .titolo{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--e-global-color-secondary); width:100%;} .loop-intervento .titolo .num-intervento{display: block; width: 50px; height: 50px; text-align: center; line-height: 45px; border-radius: 50%; border: 2px solid var(--e-global-color-secondary); font-size: 30px; font-weight: 600; margin-right: 10px; color:var(--e-global-color-secondary);} .loop-intervento .titolo .titolo-intervento{width: calc(100% - 60px);font-size: 20px; font-weight: 600; line-height: 1;} .loop-intervento .dec-intervento{font-size:15px;} .loop-risultati{padding: 30px 40px; border-radius: 20px; background-color: var(--e-global-color-7e68a87); margin-bottom: 20px; display: flex; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; font-family: "DM Sans", Sans-serif;} .loop-risultati .titolo{width: 40%; font-weight:600; font-size:18px; color:var(--e-global-color-accent); line-height:1;border-right:1px solid var(--e-global-color-accent); padding-right:10px; margin-right:16px;} .loop-risultati .dec-risultati{width: 60%; font-size:15px; line-height:1.2;} .loop-impatto{margin-bottom: 25px; display: flex; flex-direction: column;font-family: "DM Sans", Sans-serif;} .loop-impatto .titolo-impatto{font-weight:600; font-size:18px; color:var(--e-global-color-accent); line-height:1;} .loop-impatto .dec-risultati{font-size:15px; line-height:1.2;} /*SOLUZIONI*/ .numerazione{display: block; width: 40px; height: 40px; text-align: center; line-height: 35px; border: 2px solid var(--e-global-color-accent); font-size: 30px; font-weight: 600; margin-right: 10px; border-radius: 50% !important; color:var(--e-global-color-accent);} /*RSS FEED*/ .swiper-feed {width: 90%;} .swiper-feed .swiper-slide{height:auto !important; padding: 30px; border: 1px solid var(--e-global-color-text); border-radius: 30px;} .swiper-feed h4{font-size: 16px; text-transform: uppercase; font-weight:700;} .swiper-feed .rss-data-description{ text-transform: uppercase; font-size: 14px; font-weight: 800; letter-spacing: -1px; margin-bottom:5px !important;} .swiper-feed .rss-short-description{font-size: 13px; line-height: 1.5; margin-bottom: 30px !important;} .swiper-feed .energika-button{padding:8px 10px; transition:all 1s ease-in-out;} .swiper-feed .energika-button:hover{background-color:var(--e-global-color-3a41426); color:var(--e-global-color-accent)} .swiper-pagination{position:relative !important; margin: 30px 0; left: 50% !important; transform: translateX(-50%) !important;} .swiper-pagination-bullet{background-color:var(--e-global-color-6232f7f);} .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--e-global-color-accent);} .swiper-button-next, .swiper-button-prev{top:40% !important;} .swiper-button-next:after, .swiper-button-prev:after{font-size:24px !important; color:var(--e-global-color-6232f7f);} /*FORM*/ .energika-form .full { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;} .energika-form .full p { width: 100%; } .energika-form .full .mid{width:49%;} .energika-form .full .mid p{position:relative; padding-bottom: 15px;} .energika-form .full .mid p label{ position: absolute; left: 6px; top: 6px;} .energika-form .full.accept .wpcf7-list-item{margin:0; padding-bottom: 10px;} .energika-form input[type=checkbox]{ border-color: var(--e-global-color-fd5a5e6) !important; border-width: 1px; background: none; appearance: none; height: 15px; width: 15px; border-radius: 3px !important; display:block; margin-right:10px;min-width: 15px; padding:0 !important;} .energika-form .full.accept .wpcf7-list-item label{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;font-weight: 300; line-height: 1.2;} .energika-form input[type=checkbox]:checked{background:var(--e-global-color-accent);} .energika-form .wpcf7-not-valid-tip { color: var(--e-global-color-accent); font-size: 12px;} .energika-form .full.submit{margin-top:20px;} .energika-form span{color:var(--e-global-color-fd5a5e6);} .dark .energika-form p label, .dark .energika-form p span{color:var(--e-global-color-text);} .dark .energika-form input[type=checkbox], .dark .energika-form input{border-color: var(--e-global-color-text) !important; } .dark .energika-form input:not([type=submit]){color: var(--e-global-color-text) !important;} .dark.elementor-widget .hbspt-form{filter: brightness(0.5);} @media (max-width:1024px){ .big-title h2{font-size: 35px;} .loop-risultati{padding:20px !important;} .loop-risultati .titolo{width:100%; border-right:none; border-bottom:1px solid var(--e-global-color-accent);} .loop-risultati .dec-risultati{width:100%;} /*MOBILE MENU*/ .e-n-menu-wrapper{ margin-top: 25px !important;overflow: scroll;display: flex; flex-direction: column;} .elementor-widget-n-menu .e-n-menu-heading{background-color:var(--e-global-color-3a41426); padding: 30px; max-height: 90vh; overflow-y: scroll; overflow-x: hidden;} } @media (max-width:767px){ nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{padding-bottom:30px;} header > .elementor-element:first-child nav{ justify-content: center;} header > .elementor-element:first-child nav ul{margin:0 !important;} .energika-form .full { flex-direction: column;} .energika-form .full .mid{width:100%;} .swiper-feed { width: 85%;} .elementor-widget-loop-carousel .swiper-pagination-bullets{ margin: 0 auto; text-align: center; display: block; position: relative !important; left: unset; right: unset; width: 100% !important; transform: unset;} .loop-risultati {flex-direction: column; padding:25px !important;} .loop-risultati .titolo{ margin:0; padding-bottom: 10px; margin-bottom: 10px;} .swiper-button-next, .swiper-button-prev{display:none !important;} .swiper-feed .swiper-wrapper{display: flex; flex-direction: column;} .swiper-feed .swiper-wrapper .swiper-slide{margin-bottom:10px;} }